Delen via

Zelfstudie: Het besturingselement voor de RTF-editor configureren in Power Pages

  • Artikel

In de zelfstudie configureert u het onderdeel RTF-editor in een Microsoft Dataverse-formulier en zorgt u ervoor dat de RTF-editor zichtbaar is op een webpagina.

Deze zelfstudie gebruikt de tabel Feedback en de webpagina Contact opnemen die beschikbaar is in de sjablonen Startersindeling .

Vereisten

  • Uw portalversie moet 9.4.3.x of hoger zijn.
  • Een site die een van de sjablonen Startersindeling gebruikt.

Stap 1. Het codeonderdeel toevoegen aan een veld in een formulier

  1. Selecteer in de ontwerpstudio de werkruimte Gegevens.

  2. Selecteer de tabel Feedback.

  3. Selecteer Formulieren en bewerk het eenvoudig contactformulier.

  4. Selecteer het veld Bericht.

  5. Kies + Onderdeel en selecteer het onderdeel Getalinvoer.

    RTF-onderdeel toevoegen aan formulier.

  6. Selecteer Gereed.

  7. Selecteer Opslaan en Formulier publiceren.

Stap 2. Het RTF-onderdeel op een webpagina configureren

In de volgende stappen gaan we de bestaande feedbackpagina configureren, maar u kunt ook uw eigen pagina maken en uw eigen formulieronderdeel toevoegen.

  1. Selecteer in de werkruimte Pagina's de optie Contact opnemen.

  2. Het Bericht moet in het formulier verschijnen met het bericht Aangepast onderdeel inschakelen om dit veld in voorbeeldweergave te bekijken.

  3. Selecteer het veld en kies Veld bewerken.

  4. Selecteer het veld Aangepast onderdeel inschakelen.

    RTF-onderdeel inschakelen in ontwerpstudio.

  5. Selecteer OK.

  6. Selecteer Synchroniseren.

Notitie

Als u de gegevens als tekst met opmaak wilt weergeven, moet u mogelijk de tekengrootte van de tekstkolommen vergroten om ruimte te bieden aan de extra informatie.

Stap 3.1 Tabelmachtigingen toevoegen voor de RTF-bijlagetabel

Voor het gebruiken en opslaan van afbeeldingen in de RTF-editor op de portal, moet u tabelmachtigingen toevoegen aan de tabel met RTF-bijlagen (msdyn_richtextfile).

  1. Open de ontwerpstudio en selecteer de werkruimte Instellen.

  2. Selecteer Tabelmachtigingen.

  3. Selecteer Nieuwe machtiging om een nieuwe tabelmachtiging voor de tabel met RTF-bijlagen te maken. De naam kan alles zijn wat u kiest. In dit voorbeeld gebruiken we RTE-bijlage.

  4. Selecteer Algemene toegang in bij Toegangstype.

    Notitie

    Het type Algemene toegang wordt gekozen omdat er geen relatie bestaat tussen de tabel die is geconfigureerd om het besturingselement Rich text editor te gebruiken en de tabel met RTF-bijlagen.

  5. Schakel bij Machtiging voor de selectievakjes Lezen, Schrijven, Maken en Verwijderen in.

  6. Wijs een geschikte webrol toe aan de tabelmachtiging.

    Configuratie van de RTF-tabelmachtigingen.

Belangrijk

Als u afbeeldingen als Base64-tekenreeksen rechtstreeks in de kolom wilt opslaan die u hebt geconfigureerd om het besturingselement Rich text editor te gebruiken, moet u het besturingselement configureren door gebruik te maken van een JSON-configuratiebestand. Stel disableImages en disableDefaultImageProcessing in op true zodat afbeeldingen op alle clients consistent kunnen worden weergegeven. Het gebruik van deze methode vereist niet de algemene tabelmachtiging voor de tabel met RTF-bijlagen (msdyn_richtextfile).

Stap 3.2. Instelling Web-API-site toevoegen

Als u afbeeldingen in de RTF-editor wilt opslaan, moet u een aantal site-instellingen toevoegen.

  1. Open de app Portalbeheer.

  2. Ga naar Site-instellingen.

  3. Maak de volgende site-instellingen: voer de naam, uw website en de waarde true in en selecteer vervolgens Opslaan en sluiten.

    Naam van site-instelling Waarde
    Webapi/msdyn_richtextfile/enabled true
    Webapi/msdyn_richtextfile/fields *

Stap 4. Bekijk een voorbeeld van de site.

  1. Selecteer Synchroniseren in de ontwerpstudio.

  2. Selecteer Voorbeeld en vervolgens Bureaublad. Ga naar de Contact opnemen om het aangepaste onderdeel ingeschakeld te zien.

    RTF-onderdeel in een formulier.

Rich text editor op een alleen-lezen formulier

Op een alleen-lezen formulier wordt met het besturingselement Rich text editor de inhoud weergegeven met opmaak en afbeeldingen. De inhoud kan worden gelezen, maar niet bewerkt of bijgewerkt.

Notitie

Alleen de bestandsindelingen .PNG, .JPG of .GIF worden ondersteund voor slepen en neerzetten.

Inhoudsveld van de RTF-editor weergeven met behulp van Liquid of web-API voor Pages

Het inhoudsveld van de RTF-editor kan worden weergegeven met behulp van Liquid of web-API voor Pages Als het veld afbeeldingsbestanden bevat, hebben deze een web-API-referentiepad voor Dataverse. Als u deze afbeeldingen op een Pages-webpagina wilt weergeven, moet u het huidige pad vervangen door het overeenkomstige API-pad voor Pages.

Voorbeeld:

Het afbeeldingselement in het inhoudsveld van de RTF-editor wordt als volgt weergegeven, met een verwijzing naar het web-API-pad voor Dataverse:

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

Als u het afbeeldingselement wilt bijwerken, vervangt u /api/data/v9.0 door /_api zoals hieronder wordt weergegeven:

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

Zie ook