Del via

Selvstudium: Konfigurere kontrolelementet rich text editor på Power Pages

  • Artikel

I selvstudium skal du konfigurere RTF-editorkomponenten i en Microsoft Dataverse-formular og gøre det muligt for RTF-editoren at være synlig på en webside.

I dette selvstudium bruges tabellen Feedback og websiden Kontakt os, der findes i skabelonerne startlayout.

Forudsætninger

  • Din portalversion skal være 9.4.3.x eller nyere.
  • Et websted, der bruger en af startlayout-skabelonerne.

Trin 1. Tilføje kodekomponent til en felt i en formular

  1. Vælg arbejdsområdet Data i design studio.

  2. Vælg Feedbacktabel.

  3. Vælg Formularer, og vælg derefter enkelt kontakt os-formular for at redigere.

  4. Vælg feltet Meddelelse.

  5. Vælg + Komponent, og vælg komponenten Talinput.

    Tilføj RTE-komponent til formular.

  6. Vælg Udført.

  7. Vælg Gem og Publicer formular.

Trin 2. Konfigurere rich text editor-komponenten på websiden

I følgende trin konfigurerer vi den eksisterende feedbackside. Du kan også oprette din egen side og tilføje din egen formularkomponent.

  1. Vælg Kontakt os-siden i arbejdsområdet Side.

  2. Meddelelses-feltet vises i formularen med meddelelsen Aktivér brugerdefineret komponent for at få vist dette felt som forhåndsversion.

  3. Vælg feltet, og vælg Rediger felt.

  4. Vælg feltet Aktivér brugerdefineret komponentfelt.

    Aktiver RTE-komponent i design studio.

  5. Vælg OK.

  6. Vælg Synkroniser.

Bemærk

Det kan være nødvendigt at øge tegnstørrelsen i tekstkolonnerne for at gøre plads til de ekstra oplysninger, hvis dataene skal vises som RTF.

Trin 3.1 Tilføj tabeltilladelser til rich text-vedhæftet tabel

Hvis du vil bruge og gemme billeder i RTF-editoren på portalen, skal du føje tabeltilladelser til tabellen Vedhæftede RTF-filer (msdyn_richtextfile).

  1. Åbn design studio, og vælg Konfigurer-arbejdsområde.

  2. Vælg Tabeltilladelser.

  3. Vælg + Ny tilladelse for at oprette en ny tabeltilladelse til tabellen over vedhæftede RTF-filer. Navnet kan være hvad som helst. I dette eksempel bruger vi Vedhæftet fil i RTE.

  4. Angiv Adgangstype til Global adgang.

    Bemærk

    Typen Global adgang vælges, da der ikke er nogen relation mellem tabellen, der er konfigureret til at bruge kontrolelementet rich text editor, og tabellen Vedhæftede RTF-filer.

  5. Markér afkrydsningsfelterne Læs, Skriv, Opret og Slet under Tilladelse til.

  6. Tildel den relevante webrolle til tabeltilladelsen.

    Konfiguration af tilladelserne til RTF-tabellen.

Vigtigt

Hvis du vil gemme billeder som strenge i basis 64 direkte i kolonnen, du har konfigureret til at bruge kontrolelementet rich text editor, skal du konfigurere kontrolelementet ved hjælp af en JSON-konfigurationsfil. Angiv disableImages og disableDefaultImageProcessing til true, så billeder kan gengives ensartet på tværs af alle klienter. Hvis du bruger denne metode, kræver den ikke global tabeltilladelse til tabellen Vedhæftede RTF-filer (msdyn_richtextfile).

Trin 3.2. Tilføj indstilling for web-API-websted

Hvis du vil gemme billeder i RTF-editorkontrolelementet, skal du tilføje et par indstillinger for webstedet.

  1. Åbn appen Portaladministration.

  2. Gå til Indstillinger for websted.

  3. Opret følgende indstillinger for websted: Angiv navnet, dit websted og værdien af true, og vælg derefter Gem og luk.

    Navn på indstilling for websted Værdi
    Webapi/msdyn_richtextfile/enabled true
    Webapi/msdyn_richtextfile/fields *

Trin 4. Forhåndsversion af stedet.

  1. Vælg Synkroniser i Design studio.

  2. Vælg Forhåndsversion, og vælg derefter Desktop, gå til siden Kontakt os. Den brugerdefinerede komponent bør være aktiveret.

    RTF-komponent i en formular.

Rich text editor i en skrivebeskyttet formular

I en skrivebeskyttet formular vises indholdet af rich text editor med formateringen og billeder. Indholdet kan læses, men ikke redigeres eller opdateres.

Bemærk

Det er kun .PNG-, .JPG- eller .GIF-filformater, der understøttes for træk og slip.

Gengivelse af indholdsfelt til Rich Text Editor ved hjælp af flydende eller Pages Web API

Gengivelse af indholdsfelt til Rich Text Editor ved hjælp af flydende eller Pages Web API. Hvis feltet indeholder billedfiler, vil de have en Dataverse Web API-referencesti. For at vise disse billeder på en Pages-webside skal du erstatte den aktuelle sti med den tilsvarende Pages API-sti.

Eksempel:

Billedelementet i indholdsfeltet til RTF-editoren vil blive vist som følger med en reference til Dataverse Web API-stien:

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

For at opdatere billedelementet skal du erstatte /api/data/v9.0 med /_api som vist nedenfor:

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

Se også