Bagikan melalui


Tutorial: Mengonfigurasi kontrol editor teks kaya di portal

Catatan

Mulai 12 Oktober 2022, portal Power Apps menjadi Power Pages. Informasi selengkapnya: Microsoft Power Pages kini tersedia secara umum (blog)
Kami akan segera memigrasikan dan menggabungkan dokumentasi portal Power Apps dengan dokumentasi Power Pages.

Dalam tutorial ini, Anda akan mengkonfigurasi portal Power Apps untuk menambahkan kontrol editor teks kaya ke formulir dasar, kemudian menambahkan formulir dasar ke halaman web. Pengguna portal akan dapat berinteraksi dengan kontrol editor teks kaya untuk memformat teks pada formulir.

Prasyarat

Versi portal Anda harus 9.4.3.x atau yang lebih baru.

Langkah 1. Tambahkan kontrol Editor teks kaya kekolom dalam aplikasi yang diarahkan model

Ikuti langkah-langkah dalam tutorial Tambah atau ganti kolom teks untuk pengeditan teks kaya agar dapat menambahkan komponen ke kolom pada formulir berdasarkan model.

Catatan

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

Langkah 2. Verifikasikan bahwa aplikasi yang diarahkan model menggunakan kontrol baru

Anda dapat memperbarui aplikasi berdasarkan model yang ada atau membuat aplikasi baru dengan formulir yang ditambahkan komponen tersebut. Contohnya, gambar berikut menampilkan tabel tanggapan, formulir hubungi kami sederhana dengan formulir menggunakan kontrol editor teks kaya di aplikasi berdasarkan model.

Editor teks kaya untuk tabel tanggapan.

Langkah 3. Tambahkan kontrol editor teks kaya ke formulir dasar di portal

Pada langkah ini, Anda akan membuat formulir dasar baru di portal, lalu menambahkan kontrol ke formulir dasar. Anda juga dapat menggunakan formulir dasar yang ada.

Langkah 3.1. Buat formulir dasar

  1. Buka aplikasi Manajemen Portal.

  2. Di panel kiri, dalam Konten, pilih Formulir dasar.

  3. Pilih baru.

  4. Masukkan Nama untuk formulir. Pada contoh ini, kami menggunakan formulir dasar Tanggapan dengan RTE.

  5. Untuk Nama Tabel, pilih Tanggapan (feedback).

  6. Pilih nama formulir aplikasi berdasarkan model yang ditambahkan kontrol teks kaya. Di contoh ini, formulir hubungi kami sederhana.

  7. Pilih situs web portal.

    Konfigurasi formulir dasar.

  8. Pilih Simpan & Tutup.

Langkah 3.2. Menambahkan kontrol editor teks kaya ke formulir dasar

  1. Buka aplikasi Manajemen Portal.

  2. Di panel kiri, dalam Konten, pilih Formulir dasar.

  3. Pilih formulir dasar yang Anda buat pada langkah 3.1.

  4. Pilih status Metadata Formulir Dasar.

  5. Pilih Metadata Formulir Dasar Baru.

  6. Untuk jenis pilih atribut.

  7. Untuk Nama Logis Atribut, pilih nama kolom dengan kontrol teks kaya diaktifkan. Dalam contoh ini, Komentar (comments).

    Konfigurasi metadata formulir dasar.

  8. Masukkan nilai untuk label. Dalam contoh ini, Komentar.

  9. Untuk Gaya Kontrol, pilih Komponen Kode.

    Konfigurasi metadata formulir dasar mengatur gaya kontrol ke 'komponen kode'.

  10. Pilih Simpan & Tutup.

Langkah 3.3. 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 portal Anda di Studio portal.

  2. Pada panel kiri, pilih Pengaturan (ikon roda gigi) dan pilih Izin Tabel

    Memilih izin tabel.

  3. Buat 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.4. Tambahkan Pengaturan Situs API.

  1. Buka 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. Membuat halaman web di portal yang menggunakan formulir dasar

  1. Buka portal Anda di Studio portal Power Apps.

  2. Di sudut kiri atas, pilih Halaman baru.

  3. Pilih layout Kosong.

  4. Pada panel properti sisi kanan, perbarui nama halaman web. Misalnya, tanggapan.

  5. Perbarui URL sebagian. Misalnya, tanggapan.

  6. Di dalam editor halaman, di bawah bagian Header, pilih bagian Kolom.

  7. Di panel kiri, pilih komponen (+).

  8. Dalam komponen portal, pilih Formulir.

  9. Pada panel properti sisi kanan, pilih Gunakan yang ada.

  10. Di Nama, pilih formulir dasar yang Anda buat sebelumnya dalam tutorial ini. Pada contoh ini, formulir dasar Tanggapan dengan RTE.

    Tip

    Jika formulir tidak ada, pilih Sinkronisasi Konfigurasi untuk mensinkronisasikan perubahan dari Dataverse.

  11. Di bawah Izin, pilih Kelola izin tabel dan pastikan Anda memiliki izin tabel dan peran web yang sesuai yang dikonfigurasi untuk tabel yang terkait dengan formulir. Dataverse

    Catatan

    Secara default, tabel tanggapan telah mengonfigurasikan izin membuat untuk peran web default. Untuk informasi lebih lanjut, buka Contoh hubungi kami.

  12. Di sudut kanan atas, pilih Telusur situs web.

    Halaman web sekarang akan menampilkan formulir dasar untuk tabel tanggapan dengan kontrol editor teks kaya, mirip dengan bagaimana formulir muncul saat aplikasi berdasarkan model digunakan.

    Formulir dasar yang menampilkan komponen teks kaya di halaman web.

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.

Baca juga

Gambaran Umum Power Apps component framework
Membuat komponen pertama Anda
Menambahkan komponen kode ke bidang atau tabel dalam aplikasi yang diarahkan model