Partajați prin

Tutorial: Configurați controlul pentru editorul de text îmbogățit în Power Pages

  • Articol

În tutorial, veți configura componenta editor de text îmbogățit pe un formular Microsoft Dataverse și veți activa editorul de text îmbogățit să fie vizibil pe o pagină web.

Acest tutorial va folosi tabelul Feedback și pagina web Contactați-ne disponibilă în șabloanele Șabloanele de aspecte pentru început.

Cerințe preliminare

  • Versiunea portalului dvs. trebuie să fie 9.4.3.x sau o versiune superioară.
  • Un site care utilizează unul dintre Aspecte pentru începutdin șabloane.

Pasul 1. Adăugați componenta de cod într-un câmp dintr-un formular

  1. În studioul de proiectate, selectați spațiul de lucru pentru date.

  2. Selectați tabelul Feedback.

  3. Selectați Formulare și apoi alegeți să editați formularul simplu Contactați-ne.

  4. Selectați câmpul Mesaj.

  5. Alegeți + Componentă și selectați componenta Intrare număr.

    Adăugați o componentă RTE la formular.

  6. Selectați Terminat.

  7. Selectați Salvați și Publicați formulare.

Pasul 2. Configurați componenta pentru editorul de text îmbogățit pe pagina web

În următorii pași vom configura pagina de feedback existentă, puteți de asemenea crea propria pagină și vă puteți adăuga propria componentă de formular.

  1. În spațiul de lucru Pagini, selectați pagina Contactați-ne.

  2. Câmpul Mesaj ar trebui să apară în formular cu mesajul Activați componenta personalizată pentru a vedea acest câmp în versiune preliminară.

  3. Selectați câmpul și alegeți Editați câmp.

  4. Selectați câmpul Activați componenta personalizată.

    Activați componenta RTE în studioul de proiectare.

  5. Selectați OK.

  6. Selectați Sincronizare.

Notă

Pentru a afișa datele ca text îmbogățit, poate fi necesar să măriți dimensiunea caracterelor coloanelor de text pentru a găzdui informațiile suplimentare.

Pasul 3.1 Adăugați permisiuni de tabel pentru tabelul cu atașări cu text îmbogățit

Pentru utilizarea și stocarea imaginilor în editorul de text îmbogățit de pe portal, va trebui să adăugați permisiuni de tabel la tabelul de atașamente cu text îmbogățit (msdyn_richtextfile).

  1. Deschideți studioul de proiectare și selectați spațiul de lucru Configurați.

  2. Selectați Permisiuni de tabel.

  3. Selectați + Permisiune nouă pentru a crea o nouă permisiune de tabel pentru tabelul cu atașări cu text îmbogățit. Numele poate fi orice alegeți; în acest exemplu, folosim Atașament RTE.

  4. Pentru Tip de acces, selectați Acces global.

    Notă

    Tipul Acces global este ales deoarece nu există nicio relație între tabelul configurat pentru a utiliza controlul editorului de text îmbogățit și tabelul cu atașările cu text îmbogățit.

  5. Sub Permisiune de a, bifați casetele de selectare Citire, Scriere, Creare și Ștergere.

  6. Atribuiți un rol web adecvat la permisiunea de tabel.

    Configurarea permisiunilor pentru tabelul text îmbogățit.

Important

Dacă doriți să stocați imagini ca șiruri în baza 64 direct în coloana pe care ați configurat-o pentru a utiliza controlul editorului de text îmbogățit, trebuie să configurați controlul utilizând un fișier de configurare JSON. Setați disableImages și disableDefaultImageProcessing la true pentru a permite imaginilor să fie redate în mod consecvent pentru toți clienții. Utilizarea acestei metode nu necesită permisiunea globală pentru tabelul cu atașări cu text îmbogățit (msdyn_richtextfile).

Pasul 3.2. Setarea Adăugare site API web

Pentru a salva imagini în controlul editorului de text îmbogățit, va trebui să adăugați câteva setări ale site-ului.

  1. Deschideți aplicația Portals Management.

  2. Accesați Setări de site.

  3. Creați următoarele setări pentru site: introduceți numele, site-ul dvs. și valoarea true, apoi selectați Salvați & Aproape.

    Nume setare de site Valoare
    Webapi/msdyn_richtextfile/enabled true
    Webapi/msdyn_richtextfile/fields *

Pasul 4. Previzualizați site-ul.

  1. În studioul de proiectare, selectați Sincronizare.

  2. Selectați Versiune preliminară și apoi selectați Desktop, accesați pagina Contactați-ne, ar trebui să vedeți componenta personalizată activată.

    Componentă RTE pe un formular.

Editor de text îmbogățit pe un formular numai în citire

Într-un formular numai în citire, editorul de text îmbogățit afișează conținutul cu formatare și imagini. Conținutul poate fi citit, dar nu editat sau actualizat.

Notă

Numai formatele de fișiere .PNG, .JPG. sau .GIF sunt acceptate pentru glisare și plasare.

Redarea câmpului de conținut al editorului de text îmbogățit folosind lichid sau API Web Pages

Câmpul de conținut al editorului de text îmbogățit poate fi redat utilizând Liquid sau API Web Pages. Dacă câmpul conține fișiere imagine, acestea vor avea o cale de referință Dataverse Web API. Pentru a afișa aceste imagini pe o pagină web Pages, trebuie să înlocuiți calea curentă cu calea API Pages corespunzătoare.

Exemplu:

Elementul de imagine din câmpul de conținut al editorului de text îmbogățit va fi afișat după cum urmează, conținând o referință la calea Dataverse Web API:

   <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">

Pentru a actualiza elementul imagine, înlocuiți /api/data/v9.0 cu /_api după cum se arată mai jos:

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

Consultați și