Bagikan melalui

Tutorial: Mengonfigurasi kontrol editor teks kaya di Power Pages

  • Artikel

Dalam tutorial, Anda akan mengkonfigurasi komponen editor teks kaya pada formulir Microsoft Dataverse dan mengaktifkan editor teks kaya dapat dilihat di halaman web.

Tutorial ini akan menggunakan tabel Tanggapan dan halaman web Hubungi kami yang tersedia dalam template tata letak pemula.

Prasyarat

Langkah 1. Tambahkan komponen kode ke bidang di formulir

  1. Di studio desain, pilih ruang kerja data.

  2. Pilih tabel tanggapan.

  3. Pilih Formulir kemudian pilih mengedit formulir hubungi kami sederhana.

  4. Pilih Bidang Pesan.

  5. Pilih + Komponen dan pilih komponen input Angka.

    Tambahkan komponen RTE ke formulir.

  6. Pilih Selesai.

  7. Pilih Simpan dan Publikasikan formulir.

Langkah 2. Mengonfigurasi komponen editor teks kaya di halaman web

Pada langkah-langkah berikut, kami akan mengkonfigurasikan halaman tanggapan yang ada, Anda juga dapat membuat halaman sendiri dan menambahkan komponen formulir Anda sendiri.

  1. Di ruang kerja Halaman, pilih halaman Hubungi kami.

  2. Bidang Pesan harus muncul pada formulir dengan pesan Aktifkan komponen kustom untuk melihat bidang ini dalam pratinjau.

  3. Pilih bidang dan pilih Edit bidang.

  4. Pilih bidang Aktifkan komponen kustom.

    Mengaktifkan komponen RTE di studio desain.

  5. Pilih OK.

  6. Pilih Sinkronisasi.

Catatan

Untuk menampilkan data sebagai teks kaya, Anda mungkin harus meningkatkan ukuran karakter kolom teks untuk mengakomodasi informasi tambahan.

Langkah 3.1 Menambah izin tabel untuk tabel lampiran teks kaya

Untuk menggunakan dan menyimpan gambar dalam editor teks kaya di portal, Anda harus menambahkan izin tabel ke tabel lampiran teks kaya (msdyn_richtextfile).

  1. Buka studio desain, lalu pilih ruang kerja Konfigurasi.

  2. Pilih izin tabel.

  3. Pilih + izin baru untuk membuat izin tabel baru untuk tabel lampiran teks kaya. Nama dapat menjadi apa pun yang Anda pilih; dalam contoh ini, kami menggunakan Lampiran RTE.

  4. Untuk jenis akses, pilih Akses global.

    Catatan

    Jenis akses Global dipilih karena tidak ada relasi antara tabel yang dikonfigurasi untuk menggunakan kontrol editor teks kaya dan tabel lampiran teks kaya.

  5. Dalam Izin untuk, pilih kotak centang Baca, Tulis, Buat, dan Hapus.

  6. Tetapkan peran web yang sesuai ke izin tabel.

    Konfigurasi izin tabel teks kaya.

Penting

Jika Anda ingin menyimpan gambar sebagai string 64 dasar secara langsung di kolom yang telah Dikonfigurasi untuk menggunakan kontrol editor teks kaya, Anda harus mengkonfigurasi kontrol menggunakan file konfigurasi JSON. Atur disableImages dan disableDefaultImageProcessing ke true untuk memungkinkan tampilan gambar secara konsisten di seluruh klien. Menggunakan metode ini tidak memerlukan izin tabel global pada tabel lampiran teks kaya (msdyn_richtextfile).

Langkah 3.2. Tambahkan Pengaturan Situs API.

Untuk menyimpan gambar dalam kontrol editor teks kaya, Anda harus menambahkan beberapa pengaturan situs.

  1. Buka aplikasi aplikasi Manajemen Portal.

  2. Buka pengaturan situs.

  3. Buat pengaturan situs berikut: masukkan nama, situs web Anda, dan nilai true, lalu pilih Simpan & Tutup.

    Nama Pengaturan Situs Nilai
    Webapi/msdyn_richtextfile/enabled true
    Webapi/msdyn_richtextfile/fields *

Langkah 4. Pratinjau situs.

  1. Pilih sinkronisasi di Studio desain.

  2. Pilih Pratinjau dan kemudian pilih Desktop, buka halaman Hubungi kami , Anda akan melihat komponen kustom diaktifkan.

    Komponen RTE di formulir.

Editor teks kaya pada formulir hanya baca

Pada formulir hanya baca, editor teks kaya menampilkan konten dengan pemformatan dan gambar. Konten dapat dibaca, namun tidak diedit atau diperbarui.

Catatan

Hanya format file .PNG, .JPG., atau .GIF yang didukung untuk seret dan lepas.

Merender kolom konten editor teks kaya menggunakan liquid atau Pages Web API

Bidang konten editor teks kaya dapat dirender menggunakan Liquid atau Pages Web API. Jika kolom berisi file gambar, file tersebut akan memiliki Dataverse jalur referensi Web API. Untuk menampilkan gambar ini di halaman web Pages, Anda perlu mengganti jalur saat ini dengan jalur API Pages yang sesuai.

Contoh:

Elemen gambar dalam bidang konten editor teks kaya akan ditampilkan sebagai berikut, berisi referensi ke Dataverse jalur API Web:

   <img loading="lazy" src="/api/data/v9.0/msdyn_richtextfiles(d0a473a4-9e95-ee11-be37-000d3a5c393e)/msdyn_imageblob/$value?size=full" style="height:61px; width:376px">

Untuk memperbarui elemen gambar, ganti / api/data/v9.0 dengan /_api seperti yang ditunjukkan di bawah ini:

   <img loading="lazy" src="/_api/msdyn_richtextfiles(d0a473a4-9e95-ee11-be37-000d3a5c393e)/msdyn_imageblob/$value?size=full" style="height:61px; width:376px">

Baca juga