Öğretici: Power Pages'da rich text editor denetimini yapılandırma
Öğreticide, Microsoft Dataverse formunda rich text editor bileşenini yapılandıracak ve bir web sayfasında görünür olmasını etkinleştireceksiniz.
Bu öğreticide, Başlangıç düzeni şablonlarında mevcut olan Geri Bildirim tablosu ve Bize ulaşın web sayfası kullanılmaktadır.
Önkoşullar
- Portal sürümünüz 9.4.3.x veya üzeri olmalıdır.
- Başlangıç düzenişablonlarından birinin kullanıldığı bir site.
1. Adım. Formda kod bileşenini bir alana ekleme
Tasarım stüdyosunda Veri çalışma alanını seçin.
Geri Bildirim tablosunu seçin.
Formlar seçeneğini belirleyin ve ardından basit bize ulaşın formu'nu düzenlemeyi seçin.
İleti alanını seçin.
+ Bileşen seçeneğini belirleyin ve Number input bileşenini seçin.
Bitti'yi seçin.
Kaydet ve Formu yayımla seçeneklerini belirleyin.
2. Adım. Web sayfasında rich text editor bileşenini yapılandırma
Aşağıdaki adımlarda mevcut geri bildirim sayfasını yapılandıracağız ve ayrıca kendi sayfanızı oluşturabilir ve kendi form bileşeninizi ekleyebilirsiniz.
Sayfalar çalışma alanında, Bize ulaşın sayfasını seçin.
Formda İleti alanının Bu alanı önizlemede görmek için özel bileşeni etkinleştirin iletisiyle görüntülenmesi gerekir.
Alanı seçin ve Alanı düzenle'yi seçin.
Özel bileşeni etkinleştir alanını seçin.
Tamam seçeneğini işaretleyin.
Eşitle'yi seçin.
Not
Verileri zengin metin olarak görüntülemek için metin sütunlarının karakter boyutunu artırarak ekstra bilgiye yer açmanız gerekebilir.
Adım 3.1 Zengin metin eki tablosu için tablo ekleme izinleri
Portaldaki zengin metin düzenleyicisinde görüntü kullanmak ve depolamak için zengin metin eki tablosuna (msdyn_richtextfile) tablo izinlerini eklemeniz gerekir.
Tasarım stüdyosunu açın ve Kurulum çalışma alanını seçin.
Tablo izinlerini seçin.
Zengin metin eki tablosu için yeni tablo izni oluşturmak üzere + Yeni izin'i seçin. Herhangi bir ad seçebilirsiniz; bu örnek için RTE Eki kullanılacaktır.
Erişim türü'nü Genel erişim olarak seçin.
Not
Rich text editor denetimini kullanmak üzere yapılandırılan tablo ile ve zengin metin eki tablosu arasında bir ilişki olmaması nedeniyle Genel erişim türü seçilir.
İzin için Okuma, Yazma, Oluşturma ve Silme onay kutularını seçin.
Tablo iznine uygun bir web rolü atayın.
Önemli
Resimleri rich text editor denetimini kullanmak üzere yapılandırdığınız bir sütunda doğrudan base 64 dizesi olarak depolamak istiyorsanız JSON yapılandırma dosyası kullanarak denetimi yapılandırmanız gerekir. Görüntülerin tüm istemciler arasında tutarlı şekilde işlenmesini sağlamak için disableImages ve disableDefaultImageProcessing öğesini true olarak ayarlayın. Bu yöntemin kullanılması için zengin metin eki (msdyn_richtextfile) tablosunda genel tablo izni gerekmez.
Adım 3.2. Web API sitesi ayarı ekleme
Rich text editor denetiminde görüntüleri kaydetmek için birkaç site ayarı eklemeniz gerekir.
Site Ayarları'na gidin.
Şu site ayarlarını oluşturun: adı, web sitenizi ve true değerini girin, sonra da Kaydet ve Kapat'ı seçin.
Site ayarı adı Değer Webapi/msdyn_richtextfile/enabled true Webapi/msdyn_richtextfile/fields *
4. Adım. Siteyi önizleyin.
Tasarım stüdyosunda Eşitle'yi seçin.
Önizle'yi seçin ve ardından Masaüstü seçeneğini belirleyin; Bize ulaşın sayfasına gittiğinizde özel bileşeninin etkinleştirildiğini görmeniz gerekir.
Salt okunur form üzerinde zengin metin düzenleyicisi
Salt okunur bir formda zengin metin düzenleyicisi, içeriği biçimlendirme ve görüntüler ile görüntüler. İçerik okunabilir, ancak düzenlenemez veya güncelleştirilemez.
Not
Sürükle ve bırak için yalnızca .PNG, .JPG. veya .GIF dosya biçimleri desteklenir.
Liquid veya Pages Web API'sini kullanarak zengin metin düzenleyicisi içerik alanını işleme
Zengin metin düzenleyicisi içerik alanı Liquid veya Pages Web API'si kullanılarak işlenebilir. Alan herhangi bir resim dosyası içeriyorsa, dosyaların Dataverse Web API'si başvuru yolu bulunur. Bu resimleri bir Pages web sayfasında görüntülemek için geçerli yolu ilgili Pages API'si yoluyla değiştirmeniz gerekir.
Örnek:
Zengin metin düzenleyicisi içerik alanı içindeki resim öğesi, Dataverse Web API'si yoluna başvuruyla birlikte aşağıdaki gibi görüntülenir:
<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">
Resim öğesini güncelleştirmek için aşağıda gösterildiği gibi, /api/data/v9.0 yolunu /_api yoluyla değiştirin:
<img loading="lazy" src="/_api/msdyn_richtextfiles(d0a473a4-9e95-ee11-be37-000d3a5c393e)/msdyn_imageblob/$value?size=full" style="height:61px; width:376px">