Tutorial: Konfigurasikan kawalan editor teks kaya pada Power Pages
Dalam tutorial ini, anda akan mengkonfigurasi komponen editor teks kaya pada borang Microsoft Dataverse dan mendayakan editor teks kaya untuk boleh dilihat pada halaman web.
Tutorial ini akan menggunakan jadual Maklum Balas dan halaman web Hubungi kami yang tersedia dalam templat Tataletak pemula.
Prasyarat
- Versi portal anda mestilah 9.4.3.x atau lebih tinggi.
- Tapak menggunakan salah satu templat Tataletakpemula.
Langkah 1. Tambah komponen kod pada medan dalam borang
Dalam studio pereka bentuk, pilih Ruang kerja data.
Pilih jadual Maklum Balas.
Pilih Borang dan kemudian pilih untuk mengedit borang hubungi kami mudah ringkas.
Pilih medan Mesej.
Pilih + Komponen dan pilih komponen Input nombor.
Pilih Selesai.
Pilih Simpan dan Terbitkan borang.
Langkah 2. Konfigurasikan komponen editor teks kaya pada halaman web
Dalam langkah berikut kami akan mengkonfigurasi halaman maklum balas yang sedia ada, anda juga boleh mencipta halaman anda sendiri dan menambah komponen borang anda sendiri.
Dalam ruang kerja Halaman, pilih halaman Hubungi kami.
Medan Mesej sepatutnya muncul pada borang dengan mesej Dayakan komponen tersuai untuk melihat medan ini dalam pratonton.
Pilih medan dan pilih medan Edit medan.
Pilih medan Dayakan komponen tersuai.
Pilih OK.
Pilih Segerak.
Nota
Untuk memaparkan data sebagai teks kaya, anda mungkin perlu menambah saiz aksara lajur teks untuk menampung maklumat tambahan.
Langkah 3.1 Tambah keizinan jadual untuk jadual lampiran teks kaya
Untuk menggunakan dan menyimpan imej dalam editor teks kaya pada portal, anda perlu menambah keizinan jadual kepada jadual lampiran teks kaya (msdyn_richtextfile).
Buka studio reka bentuk dan pilih Sediakan ruang kerja.
Pilih Keizinan jadual.
Pilih + Keizinan baharu untuk mencipta keizinan jadual baharu untuk jadual lampiran teks kaya. Nama boleh menjadi apa sahaja yang anda pilih; dalam contoh ini, kami menggunakan Lampiran RTE.
Untuk Jenis capaian, pilih Akses global.
Nota
Jenis Akses global dipilih kerana tiada hubungan antara jadual yang dikonfigurasikan untuk menggunakan kawalan editor teks kaya dan jadual lampiran teks kaya.
Di bawah Keizinan untuk, pilih kotak semak Baca, Tulis, Cipta, dan Hapuskan.
Menetapkan peranan web yang sesuai kepada keizinan jadual.
Penting
Jika anda mahu menyimpan imej sebagai rentetan asas 64 secara langsung dalam lajur yang anda telah konfigurasikan untuk menggunakan kawalan editor teks kaya, anda perlu mengkonfigurasi kawalan dengan menggunakan fail konfigurasi JSON. Tetapkan disableImages dan disableDefaultImageProcessing kepada benar untuk membolehkan imej dipaparkan secara konsisten merentasi semua klien. Menggunakan kaedah ini tidak memerlukan keizinan jadual global pada jadual lampiran teks kaya (msdyn_richtextfile).
Langkah 3.2. Tambah tetapan tapak API web
Untuk menyimpan imej dalam kawalan editor teks kaya, anda akan perlu menambah beberapa tetapan tapak.
Pergi ke Tetapan Tapak.
Buat tetapan laman berikut: masukkan nama, laman web anda, dan nilai true , dan kemudian pilih Simpan & Tutup.
Nama tetapan tapak Nilai Webapi/msdyn_richtextfile/enabled benar Webapi/msdyn_richtextfile/fields *
Langkah 4. Pratonton tapak.
Dalam studio reka bentuk, pilih Segerak.
Pilih Pratonton dan kemudian pilih Desktop, pergi ke halaman Hubungi kami, anda sepatutnya melihat komponen tersuai yang didayakan.
Editor teks kaya pada borang baca sahaja
Pada borang baca sahaja, editor teks kaya memaparkan kandungan dengan format dan imej. Kandungan boleh dibaca, tetapi tidak diedit atau dikemas kini.
Nota
Hanya format fail .PNG, .JPG., atau .GIF disokong untuk seret dan lepas.
Memaparkan medan kandungan editor teks kaya menggunakan cecair atau Pages Web API
Medan kandungan editor teks kaya boleh dipaparkan menggunakan Liquid atau API Web Halaman. Jika medan mengandungi sebarang fail imej, ia akan mempunyai Dataverse laluan rujukan API Web. Untuk memaparkan imej ini pada halaman web Halaman, anda perlu menggantikan laluan semasa dengan laluan API Halaman yang sepadan.
Sebagai contoh:
Elemen imej dalam medan kandungan editor teks kaya akan dipaparkan seperti berikut, mengandungi rujukan kepada Dataverse laluan 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 mengemas kini elemen imej, gantikan /api/data/v9.0 dengan /_api seperti yang ditunjukkan di bawah:
<img loading="lazy" src="/_api/msdyn_richtextfiles(d0a473a4-9e95-ee11-be37-000d3a5c393e)/msdyn_imageblob/$value?size=full" style="height:61px; width:376px">