De RTF-editor toevoegen aan een modelgestuurde app

Notitie

Met ingang van november 2020:

  • Common Data Service heet voortaan Microsoft Dataverse. Meer informatie
  • Een aantal termen in Microsoft Dataverse is gewijzigd. Entiteit is nu bijvoorbeeld tabel en veld is nu kolom. Meer informatie

Dit artikel wordt binnenkort bijgewerkt met de laatste terminologie.

Het besturingselement RTF-editor biedt de app-gebruiker een WYSIWYG-bewerkingsgebied voor het opmaken van tekst. De invoer- en uitvoerindeling van het besturingselement is HTML. Met het besturingselement kan gekopieerde tekst met opmaak, zoals uit een webbrowser of Word, in het besturingselement worden geplakt.

Enkele van de beschikbare formaatopties zijn:

  • Vet, cursief, onderstrepen en doorhalen
  • Tekstkleur, markeringskleur
  • Lettertype en tekengrootte
  • Genummerde lijsten en lijsten met opsommingstekens
  • Hyperlinks
  • Tabellen
  • Afbeeldingen

Zie De werkbalk van de RTF-editor gebruiken voor een volledige lijst met standaardopties.

Rich text control editor in a model-driven app

Een tekstkolom toevoegen of deze vervangen voor RTF-bewerking

U kunt een nieuwe tekstkolom maken en het besturingselement configureren, of een bestaande tekstkolom vervangen. Het besturingselement RTF-editor kan worden gebruikt met tekstkolommen met één of meerdere regels.

  1. Aanmelden bij Power Apps. Ga naar Oplossingen, open de gewenste oplossing, open de gewenste tabel en selecteer vervolgens het tabblad Formulieren.

  2. Selecteer het formulier en vervolgens Formulier bewerken.

  3. Selecteer in de formulierontwerper op Overschakelen naar Klassiek op de opdrachtbalk.

  4. U kunt op het oude formulierontwerper-canvas een tekstkolom toevoegen, maken of selecteren, zoals de kolom Omschrijving in de accounttabel. Selecteer in het tabblad Start de optie Eigenschappen wijzigen.

  5. Selecteer op de pagina Kolomeigenschappen het tabblad Besturingselementen en selecteer vervolgens Besturingselement toevoegen.

  6. Selecteer Besturingselement RTF-editor en vervolgens Toevoegen.

  7. Selecteer Web, Telefoon en Tablet als u wilt dat alle client-apps de mogelijkheid hebben om rich text in de kolom te gebruiken. Selecteer vervolgens OK om de standaard besturingsconfiguratie van de RTF-editor te gebruiken. Als u de besturingsconfiguratie van de RTF-editor wilt wijzigen, raadpleegt u Configuratie-opties voor besturingselement RTF-editor.

    Rich text control editor configuration
  8. Sla het formulier op en publiceer het.

Configuratie-opties voor besturingselement RTF-editor

Het besturingselement voor de RTF-editor wordt geleverd met een uitgebreide set configuratie-opties waarmee u de weergave, de functies en het gedrag kunt aanpassen. Volg deze stappen om het besturingselement voor de RTF-editor te configureren:

  1. Maak een JSON-bestand met de defaultSupportedProps-structuur en de configuratie met de gewenste wijzigingen. Meer informatie: Voorbeeldconfiguraties van RTF-editor en Eigenschappen van RTF-editor
  2. Maak, in Power Apps, een webresource van het type Script(JScript) met behulp van het JSON-bestand dat in stap 1 is gemaakt. Meer informatie: Webresources voor modelgestuurde apps maken of bewerken om een app uit te breiden
  3. Open de pagina Kolomeigenschappen voor de tekstkolom met het besturingselement RTF-editor en selecteer vervolgens Bewerken naast RichTextEditorControl_URL.

    URL voor besturingselement voor RTF-editor.

  4. Selecteer Binden aan statische waarde, typ de relatieve URL naar de JavaScript-webresource in het vak naast SingleLine.URL en selecteer OK. De relatieve URL bevindt zich in de definitie van de webresource.
  5. Selecteer OK om de pagina Kolomeigenschappen te sluiten.
  6. Selecteer Publiceren op de opdrachtbalk van de formuliereneditor.

Praktische tips voor het gebruik van de RTF-editor

Houd rekening met het volgende wanneer u de RTF-editor gebruikt:

  • De beste prestaties worden bereikt wanneer de HTML-inhoudsgrootte 1 MB of minder is. Wanneer uw HTML-inhoud groter is dan 1 MB, merkt u mogelijk tragere reactietijden bij het laden en bewerken van inhoud. Standaard wordt naar afbeeldingsinhoud verwezen vanuit de HTML-inhoud, maar deze wordt niet opgeslagen als onderdeel van de HTML-inhoud, zodat afbeeldingen geen negatieve invloed op de prestaties hebben in de standaardconfiguratie.

  • RTF-velden slaan HTML-tags op die nodig zijn voor opmaak, samen met door de gebruiker ingevoerde gegevens. Zorg er bij het instellen van de maximale grootte voor uw veld voor dat u een grootte toewijst die voldoende is voor zowel de HTML-tags als de door de gebruiker ingevoerde gegevens.

  • Standaard uploadt de RTF-editor afbeeldingen naar het Azure Blob Storage-archief en worden ze niet opgeslagen als onderdeel van het veld. Afbeeldingen worden opgeslagen in hetzelfde veld als base64 wanneer de indiener geen machtigingen heeft voor de entiteit msdyn_richtextfiles. Base64-inhoud is buitengewoon groot, dus u wilt over het algemeen geen afbeeldingen opslaan als base64.

Eigenschappen van RTF-editor

Het JSON-bestand bestaat uit eigenschappen die zijn ingesteld als naam- en waardeparen. Er zijn twee typen configuraties: de sectie defaultSupportedProps en individuele configuratie-instellingen die verschillende functies bieden.

De defaultSupportedProps is een set eigenschappen voor de invoegtoepassingen en bevat ondersteuning voor alle CKEditor-configuraties. Zie defaultSupportProps voor meer informatie. De defaultSupportedProps is niet beperkt tot alleen eigenschappen van invoegtoepassingen die zijn gedocumenteerd vanuit CKEditor, maar stelt u ook in staat om eigenschappen in te stellen voor extra invoegtoepassingen die u toevoegt of maakt. Zie Invoegtoepassingen gebruiken om bedrijfsprocessen uit te breiden voor meer informatie over invoegtoepassingen.

Met de individuele configuratie-instellingen kunt u wijzigen hoe uw editor zich gedraagt en functioneert.

Visualisatie van het configuratiebestand van de RTF-editor

De volgende twee afbeeldingen identificeren de twee configuratiesecties visueel. Zie De webresource gebruiken voor organisatiebrede wijzigingen voor het volledige configuratiebestand.

defaultSupportedProps

configuratievisualisatie van defaultsupportedprops.

Individuele configuratie-instellingen

Visualisatie van individuele configuratie-instellingen.

defaultSupportedProps

U kunt alle door CKEditor ondersteunde eigenschappen onder deze eigenschap configureren. Enkele van de veelgebruikte en aangepaste configuraties worden hieronder beschreven. Zie voor volledige documentatie over CKEditor-configuraties CKEditor.config.

Kenmerk Beschrijving Standaardwaarde
height

Stelt de aanvankelijke hoogte van de inhoudeditor in. De standaard is 185 px.

"height": 185

font_defaultLabel

Stelt het standaardlabel in dat wordt weergegeven in de werkbalk voor lettertype. De standaard is Segoe UI.

"font_defaultLabel": "Segoe UI"

fontSize_defaultLabel

Stelt het standaardlabel in dat wordt weergegeven in de werkbalk voor tekengrootte. De standaard is 9.

"fontSize_defaultLabel": "9"

stickyStyle

Stelt de werkelijke standaard tekengrootte en -stijl in. Bovendien kunt u andere CSS-eigenschappen opnemen die u wilt instellen als onderdeel van uw standaardstijl.

De invoegtoepassing stickyStyle maakt een wrapper rond uw inhoud met behulp van het element dat wordt gespecificeerd door "stickyStyles_defaultTag". Dit is aanvankelijk geconfigureerd als "div".

"stickyStyle": {
   "font-size": "9pt",
   "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
}
toolbarLocation

De locatie in de gebruikersinterface waar de werkbalk wordt weergegeven. Ondersteunde waarden zijn boven en onder. De standaardwaarde is bottom.

"toolbarLocation": "bottom"

-werkbalk

Een lijst met werkbalkknoppen die worden geladen.

"toolbar":[["CopyFormatting"], ["Font"], ["FontSize"], ["Bold"], ["Italic"], ["Underline"], ["BGColor"], ["TextColor"], ["BulletedList"], ["NumberedList"], ["Outdent"], ["Indent"], ["Blockquote"], ["JustifyLeft"], ["JustifyCenter"], ["JustifyRight"], ["Link"], ["Unlink"], ["Subscript"], ["Superscript"], ["Strike"], ["Image"], ["BidiLtr"], ["BidiRtl"], ["Undo"], ["Redo"], ["RemoveFormat"], ["Table"]]

invoegtoepassingen

Door komma's gescheiden lijst met invoegtoepassingen die in een editorexemplaar moeten worden gebruikt. Merk op dat de invoegtoepassingen die werkelijk zijn geladen, nog steeds kunnen worden beïnvloed door twee andere instellingen: extraPlugins en removePlugins.

Als u deze instelling bijwerkt, worden de invoegtoepassingen mogelijk van de werkbalk verwijderd. Als u deze eigenschap instelt op een lege tekenreeks, wordt de editor geladen zonder de werkbalk.

Als u een of meer plug-ins aan de werkbalk wilt toevoegen, raden we u aan om extraPlugins te gebruiken. Als u een of meer uit de standaardlijst wilt verwijderen, gebruikt u removePlugins.

"plugins": "dialogui,dialog,about,a11yhelp,basicstyles,notification,button, toolbar,clipboard,panel,floatpanel,menu,contextmenu,resize,elementspath, enterkey,entities,popup,filetools,filebrowser,floatingspace,listblock, richcombo,format,horizontalrule,htmlwriter,wysiwygarea,image,indent, indentlist,fakeobjects,link,list,magicline,maximize,pastetext,pastefromword, removeformat,showborders,sourcearea,specialchar,menubutton,scayt, stylescombo,tab,table,tabletools,undo,lineutils,widgetselection,widget, notificationaggregator,uploadwidget,uploadimage,wsc"

extraPlugins

Een door komma's gescheiden lijst met extra invoegtoepassingen die moeten worden geladen. Deze instelling maakt het gemakkelijker om nieuwe invoegtoepassingen toe te voegen zonder de instelling voor invoegtoepassingen aan te raken.

Er zijn veel invoegtoepassingen die nodig zijn om andere invoegtoepassingen te laten werken. De invoegtoepassing voor dialoogvensters is bijvoorbeeld vereist voor de invoegtoepassing van de koppeling. De RTF-editor voegt deze automatisch toe en u kunt ze niet negeren door deze eigenschap bij te werken. Deze instelling voegt nieuwe invoegtoepassingen gewoon toe aan de vorige lijst.

Als u een van de voorinstellingen wilt verwijderen, kunt u de eigenschap removePlugins gebruiken.

"extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi, blockquote,button,collapser,colorbutton,colordialog,onfighelper, contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock, justify,panel,panelbutton,pastefromword,quicktable,selectall, stickystyles,superimage,tableresize,tableselection,tabletools"

removePlugins

Een lijst met invoegtoepassingen die niet moeten worden geladen. Met deze instelling kunt u verhinderen dat sommige invoegtoepassingen die zijn gedefinieerd in de plugins/extraPlugins-instelling worden geladen zonder ze aan te raken.

"removePlugins": "a11yhelp,codemirror,liststyle,magicline,scayt,showborders"

superimageImageMaxSize

De maximale grootte in megabytes (MB) die is toegestaan voor ingesloten afbeeldingen bij gebruik van de invoegtoepassing superimage. De standaard is 5.

"superimageImageMaxSize": 5

Individuele configuratie-instellingen

U kunt aanvullende configuratie-instellingen configureren die van invloed zijn op hoe uw editor werkt.

Kenmerk Beschrijving Standaardwaarde
disableContentSanitization

"disableContentSanitization": false

disableDefaultImageProcessing

Standaard worden afbeeldingen geüpload met de client-API. Zodra een afbeelding aan de editor wordt toegevoegd, wordt deze geüpload naar het platform. Stel deze eigenschap in op waar om afbeeldingen te verwerken.

"disableDefaultImageProcessing": false

disableImages

Als u deze eigenschap instelt op waar, worden afbeeldingen uitgeschakeld. Deze eigenschap heeft de hoogste prioriteit. Dit betekent dat wanneer deze eigenschap is ingesteld op waar, afbeeldingen worden uitgeschakeld ongeacht de waarde van de eigenschap imageEntity. Standaard zijn afbeeldingen ingeschakeld.

"disableImages": false

externalPlugins

Door deze eigenschap te gebruiken, kunt u uw eigen invoegtoepassingen schrijven en deze gebruiken in de RTF-editor.

Geen standaardwaarde, aangezien u op deze manier uw functionaliteit kunt uitbreiden door extra invoegtoepassingen toe te voegen die oorspronkelijk niet zijn meegeleverd.

Voorbeeld:

  XMLCopy
"externalPlugins": [
    {
      "name": "<<Plugin Name>>",
      "path": "<<Plugin’s folder path>>”
    }
  ]

Voorbeeld:

"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "http://mydomain.crm.dynamics.com/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
]
imageEntity

Door deze eigenschap in te stellen kunt u voorkomen dat de standaardtabel voor afbeeldingen wordt gebruikt, zodat u indien nodig extra beveiliging kunt afdwingen.

 "imageEntity": {
   "imageEntityName": "<<name of the image table>>",
   "imageFileAttributeName": "<<attribute name of the blob reference>>"
}
"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
}
showAsTabControl

Door deze eigenschap in te stellen, kunt u extra opdrachten weergeven boven het editorvenster.

Moet worden ingesteld op true om de volgende kenmerken in te schakelen:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false

showFullScreenExpander

Deze eigenschap voegt de functionaliteit voor uitvouwen/samenvouwen op volledig scherm toe, waarmee u de editor kunt uitvouwen en gebruiken in de modus voor volledig scherm.

Hangt ervan af of showAsTabControl is ingesteld op true.

"showFullScreenExpander": false

showHtml

Deze eigenschap voegt de optie toe om de HTML-inhoud rechtstreeks weer te geven en te bewerken.

Hangt ervan af of showAsTabControl is ingesteld op true.

"showHtml": false

showPreview

Deze eigenschap voegt de optie toe om een voorbeeld van de inhoud van de editor weer te geven als HTML. Door voorbeelden weer te geven, kunt u zien hoe uw inhoud wordt weergegeven als u de inhoud buiten de editor deelt en weergeeft als HTML.

Hangt ervan af of showAsTabControl is ingesteld op true.

"showPreview": false

showPreviewHeaderWarning

Met deze eigenschap kunt u het waarschuwingsbericht weergeven/verbergen dat wordt weergegeven bij het bekijken van een voorbeeld van inhoud.

Hangt ervan af of showAsTabControl en showPreview zijn ingesteld op true.

"showPreviewHeaderWarning": false

Voorbeeldconfiguraties voor RTF-editor

De volgende voorbeeldgegevens van de configuratiecode voor de RTF-editor kunnen worden gebruikt om specifieke typen RTF-ervaringen mogelijk te maken. Voor elk voorbeeld maakt u een JSON-webresource. Meer informatie: Configuratieopties voor besturingselement RTF-editor

De uitbreiding voor volledig scherm toevoegen

{ "showAsTabControl": true, "showFullScreenExpander": true }

Besturingselement Schermuitbreider.

Het tabblad voor HTML-bronweergave toevoegen

{ "showAsTabControl": true, "showHtml": true }

Besturingselement HTML-tabblad.

Een eenvoudige werkbalk toevoegen met lettergrootte, vet, cursief, onderstrepen en markeren

{ "defaultSupportedProps": {"toolbar":[{ "items": ["FontSize", "Bold", "Italic", "Underline", "BGColor"]}]  }}

Besturingselementen voor een eenvoudige editor.

De werkbalk verwijderen om een RTF-renderingoppervlak te maken

{ "defaultSupportedProps": {"toolbar":[]  }}

Geen werkbalk.

Een nieuwe lettertypenlijst toevoegen en Brush Script MT instellen als het standaardlettertype met een standaardgrootte van 20 px

{ "defaultSupportedProps": {"font_names":"Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;", "font_defaultLabel":"Brush Script MT", "fontSize_sizes":"8/8px;12/12px;20/20px;32/32px", "fontSize_defaultLabel":"20", "stickyStyle":{"font-size":"20px", "font-family":"'Brush Script MT', cursive"}  }}

Een nieuw standaardlettertype instellen.

De werkbalk boven aan de RTF-editor plaatsen

{ "defaultSupportedProps": {"toolbarLocation":"top"  }}

Werkbalk boven aan de RTF-editor geplaatst.

De editor starten met een hoogte van 30 px en deze vervolgens automatisch laten groeien om de inhoud passend te maken

{ "defaultSupportedProps": { "autoGrow_onStartup": false , "autoGrow_maxHeight": 0 , "autoGrow_minHeight": 30 , "height": 30  }}

Als in het RTF-gebied wordt getypt, neemt dit toe en wordt het aangepast aan de inhoud.

De hoogte van de editor vast instellen op 500 px

{ "defaultSupportedProps": { "removePlugins":["autogrow"], "height": 500   }}

Met een vaste hoogte blijft de editor op dezelfde hoogte. Als er voldoende inhoud is toegevoegd, verschijnt een schuifbalk.

Een oppervlak in platte tekst maken waarbij HTML-tags worden verwijderd (met uitzondering van de "br"-tag)

{ "defaultSupportedProps": { "enterMode": 2 , "shiftEnterMode": 2 , "allowedContent":"*", "disallowedContent":"*", "forcePasteAsPlainText": true , "toolbar":[], "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }, "disableImages": true}}

Door platte tekst te creëren, wordt de HTML verwijderd.

Verwijder het contextmenu zodat klikken met de rechtermuisknop werkt met de spellingcontrole van de standaardbrowser

Door deze functionaliteit in te schakelen, wordt de mogelijkheid voor contextueel klikken met de rechtermuisknop verwijderd.

{ "defaultSupportedProps": { "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }}

Verwijder het contextmenu zodat klikken met de rechtermuisknop werkt met de spellingcontrole van de standaardbrowser.

De webresource gebruiken voor organisatiebrede wijzigingen

De standaard RTE-webresource is beschikbaar met de weergavenaam RTEGlobalConfiguration.json. Deze configuratie wordt gebruikt voor alle exemplaren van de RTE-besturing en kan worden gebruikt om organisatiebrede wijzigingen aan te brengen. Dit omvat RTE dat wordt gebruikt in notities met opgemaakte tekst op de tijdlijn, kennisbeheer en velden met één of meerdere regels die zijn geconfigureerd voor gebruik van het RTE-besturingselement.

{
  "defaultSupportedProps": {
 
        "autoGrow_onStartup": true,
 
        "basicEntities": true,
 
        "browserContextMenuOnCtrl": true,
 
        "copyFormatting_allowRules": true,
 
        "customConfig": "",
 
        "dialog_backgroundCoverColor": "black",
 
        "disableNativeSpellChecker": false,
 
        "enterMode": 3,
 
        "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools",
 
        "fillEmptyBlocks": true,
 
        "font_defaultLabel": "Segoe UI",
 
        "font_names": "Angsana New/'Angsana New', 'Leelawadee UI', Sathu, serif;Arial/Arial, Helvetica, sans-serif;Arial Black/'Arial Black', Arial, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;Calibri/Calibri, Helvetica, sans-serif;Cambria/Cambria, Georgia, serif;Candara/Candara, Optima, sans-serif;Century Gothic/'Century Gothic', sans-serif;Comic Sans MS/'Comic Sans MS';Consolas/Consolas, Courier, monospace;Constantia/Constantia, 'Hoefler Text', serif;Corbel/Corbel, Skia, sans-serif;Cordia New/'Cordia New', 'Leelawadee UI', Silom, sans-serif;Courier New/'Courier New';DaunPenh/DaunPenh, 'Leelawadee UI', 'Khmer MN', sans-serif;Franklin Gothic Book/'Franklin Gothic Book', 'Avenir Next Condensed', sans-serif;Franklin Gothic Demi/'Franklin Gothic Demi', 'Avenir Next Condensed Demi Bold', sans-serif;Franklin Gothic Medium/'Franklin Gothic Medium', 'Avenir Next Condensed Medium', sans-serif;Garamond/Garamond, Georgia, serif;Gautami/Gautami, 'Nirmala UI', 'Telugu MN', sans-serif;Georgia/Georgia, serif;Impact/Impact, Charcoal, sans-serif;Iskoola Pota/'Iskoola Pota', 'Nirmala UI', 'Sinhala MN', sans-serif;Kalinga/Kalinga, 'Nirmala UI', 'Oriya MN', sans-serif;Kartika/Kartika, 'Nirmala UI', 'Malayalam MN', sans-serif;Latha/Latha, 'Nirmala UI', 'Tamil MN', sans-serif;Leelawadee UI/'Leelawadee UI', Thonburi, sans-serif;Lucida Console/'Lucida Console', Monaco, monospace;Lucida Handwriting/'Lucida Handwriting', 'Apple Chancery', cursive;Lucida Sans Unicode/'Lucida Sans Unicode';Mangal/Mangal, 'Nirmala UI', 'Devanagari Sangam MN', sans-serif;Nirmala UI/'Nirmala UI', sans-serif;Nyala/Nyala, Kefa, sans-serif;Palatino Linotype/'Palatino Linotype', 'Book Antiqua', Palatino, serif;Raavi/Raavi, 'Nirmala UI', 'Gurmukhi MN', sans-serif;Segoe UI/'Segoe UI', 'Helvetica Neue', sans-serif;Shruti/Shruti, 'Nirmala UI', 'Gujarati Sangam MN', sans-serif;Sitka Heading/'Sitka Heading', Cochin, serif;Sitka Text/'Sitka Text', Cochin, serif;Sylfaen/Sylfaen, Mshtakan, Menlo, serif;TW Cen MT/'TW Cen MT', 'Century Gothic', sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/'Times New Roman', Times, serif;Times/Times, 'Times New Roman', serif;Trebuchet MS/'Trebuchet MS';Tunga/Tunga, 'Nirmala UI', 'Kannada MN', sans-serif;Verdana/Verdana, Geneva, sans-serif;Vrinda/Vrinda, 'Nirmala UI', 'Bangla MN', sans-serif;メイリオ/Meiryo, メイリオ, 'Hiragino Sans', sans-serif;仿宋/FangSong, 仿宋, STFangsong, serif;微軟正黑體/'Microsoft JhengHei', 微軟正黑體, 'Apple LiGothic', sans-serif;微软雅黑/'Microsoft YaHei', 微软雅黑, STHeiti, sans-serif;新宋体/NSimSun, 新宋体, SimSun, 宋体, SimSun-ExtB, 宋体-ExtB, STSong, serif;新細明體/PMingLiU, 新細明體, PMingLiU-ExtB, 新細明體-ExtB, 'Apple LiSung', serif;楷体/KaiTi, 楷体, STKaiti, serif;標楷體/DFKai-SB, 標楷體, BiauKai, serif;游ゴシック/'Yu Gothic', 游ゴシック, YuGothic, sans-serif;游明朝/'Yu Mincho', 游明朝, YuMincho, serif;隶书/SimLi, 隶书, 'Baoli SC', serif;黑体/SimHei, 黑体, STHeiti, sans-serif;굴림/Gulim, 굴림, 'Nanum Gothic', sans-serif;궁서/Gungsuh, 궁서, GungSeo, serif;돋움/Dotum, 돋움, AppleGothic, sans-serif;맑은 고딕/'Malgun Gothic', '맑은 고딕', AppleGothic, sans-serif;바탕/Batang, 바탕, AppleMyungjo, serif;바탕체/BatangChe, 바탕체, AppleMyungjo, serif;MS Pゴシック/'MS PGothic', 'MS Pゴシック', 'MS Gothic', 'MS ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;MS P明朝/'MS PMincho', 'MS P明朝', 'MS Mincho', 'MS 明朝', 'Hiragino Mincho ProN', serif",
 
        "fontSize_defaultLabel": "9",
 
        "fontSize_sizes": "8/8pt;9/9pt;10/10pt;11/11pt;12/12pt;14/14pt;16/16pt;18/18pt;20/20pt;22/22pt;24/24pt;26/26pt;28/28pt;36/36pt;48/48pt;72/72pt;",
 
        "height": 185,
 
        "keystrokes": [],
 
        "qtCellBorderColor": "rgb(171, 171, 171)",
 
        "qtCellBorderStyle": "solid",
 
        "qtCellBorderWidth": "1px",
 
        "qtCellPadding": "1",
 
        "qtCellSpacing": "0",
 
        "qtCellWith": "120px",
 
        "qtColumns": 8,
 
        "qtRows": 6,
 
        "qtStyle": {
 
            "border-collapse": "collapse",
 
            "font-size": "9pt"
 
        },
 
        "removeDialogTabs": "flash:Upload;link:upload",
 
        "removePlugins": "a11yhelp,codemirror,liststyle,magicline,scayt,showborders",
 
        "skin": "superowa",
 
        "stickyStyle": {
 
            "font-size": "9pt",
 
            "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
 
        },
 
        "stickyStyles_defaultTag": "div",
 
        "superimageImageMaxSize": 5,
 
        "toolbarcollapser_enableResizer": true,
 
        "toolbarLocation": "bottom",
 
        "uploadRecordId": []
 
    },
 
    "disableContentSanitization": false,
 
    "disableDefaultImageProcessing": false,
 
    "disableImages": false,
 
    "imageEntity": {
 
        "imageEntityName": "msdyn_richtextfiles",
 
        "imageFileAttributeName": "msdyn_imageblob"
 
    },
 
    "showAsTabControl": false,
 
    "showFullScreenExpander": false,
 
    "showHtml": false,
 
    "showPreview": false,
 
    "showPreviewHeaderWarning": false}
}

De huidige instelling voor een RTF-editorconfiguratie zoeken

  1. Voer in een Microsoft Edge- of Google Chrome-webbrowser uw modelgestuurde app uit en open een formulier dat het besturingselement RTF-editor bevat, zoals een accountrij.

  2. Houd Ctrl ingedruktterwijl u op het besturingsgebied van de RTF-editor klikt en selecteer vervolgens Inspecteren.

  3. Selecteer in het inspectievenster het tabblad Console en selecteer vervolgens de bovenliggende pagina Main.aspx in de vervolgkeuzelijst op de opdrachtbalk.

    Het tabblad Console selecteren en vervolgens de bovenliggende pagina main.aspx in de vervolgkeuzelijst selecteren.

  4. Selecteer Console wissen op de opdrachtbalk van het inspectievenster.

    Opdracht Console wissen.

  5. Voer in de console van het inspectievenster CKEDITOR.config. in om de verschillende configuraties weer te geven.

    Lijst met CK Editor-configuraties.

  6. Selecteer een configuratie, zoals autoGrow_minHeight, om de huidige instelling weer te geven.

De werkbalk van de RTF-editor gebruiken

De werkbalk van de RTF-editor biedt functies en functionaliteit waarmee u kunt werken met RTF-indeling in notities en e-mail.

Opmaakopties

De volgende tabel beschrijft de verschillende opmaakfuncties en functionaliteitsopties die beschikbaar zijn in de RTF-editor die u kunt gebruiken in notities en e-mail.

Notitie

U kunt het contextmenu van uw browser openen door Ctrl te selecteren en op de rechtermuisknop te klikken. Dit is handig als u de ingebouwde spellingcontrole van uw browser moet gebruiken. Anders kunt u met de rechtermuisknop klikken om contextuele opmaak te bieden voor elk element dat u gebruikt.

Icon Meetcriterium Sneltoets Beschrijving
Opmaak kopiëren/plakken. Opmaak kopiëren/plakken Ctrl+Shift+C, Ctrl+Shift+V Pas het uiterlijk van een bepaalde sectie toe op een andere sectie.
Lettertype. Lettertype Ctrl+Shift+F Selecteer het gewenste lettertype. Het standaardlettertype is Segoe UI.

Opmerking: wanneer u opgemaakte inhoud selecteert, wordt de naam van het lettertype voor die inhoud weergegeven. Als uw selectie meerdere lettertypen bevat, wordt de naam van het bovenste lettertype in uw selectie weergegeven.
Tekengrootte. Tekengrootte Ctrl+Shift+P Wijzig de grootte van uw tekst. De standaardgrootte is 12.

Opmerking: wanneer u opgemaakte inhoud selecteert, wordt de tekengrootte voor die inhoud weergegeven. Als uw selectie meerdere tekengrootten bevat, wordt de naam van het bovenste lettertype in uw selectie weergegeven.
Vet. Vet Ctrl+B Maak uw tekst vet.
Cursief. Italic Ctrl+I Maak uw tekst cursief.
Onderstrepen. Onderstrepen Ctrl+U Onderstreep uw tekst.
Markeringskleur voor tekst. Markeringskleur voor tekst Laat uw tekst opvallen door deze in een felle kleur te markeren.
Tekenkleur. Tekstkleur Wijzig de kleur van uw tekst.
Opsommingstekens. Opsommingstekens Maak een lijst met opsommingstekens.
Nummering. Nummering Maak een genummerde lijst.
Inspringing verkleinen. Inspringing verkleinen Verplaats uw alinea dichter naar de marge toe.
Inspringing vergroten. Inspringing vergroten Verplaats uw alinea verder bij de marge vandaan.
Blokcitaat. Blokcitaat Pas een citaatindeling op blokniveau toe in uw inhoud.
Links uitlijnen. Links uitlijnen Ctrl+L Lijn uw inhoud uit met de linkermarge. (Vaak gebruikt om hoofdtekst leesbaarder te maken.)
Centreren. Centreren Ctrl+E Centreer uw inhoud op de pagina. (Vaak gebruikt voor een formele uitstraling.)
Rechts uitlijnen. Rechts uitlijnen Ctrl+R Lijn uw inhoud uit met de juiste marge. (Vaak gebruikt voor een formele uitstraling.)
Koppelen. Koppelen Maak een koppeling in uw document voor snelle toegang tot webpagina's en bestanden.

Geplakte of getypte URL-tekst wordt geconverteerd naar een koppeling. Zo wordt "http://myexample.com" gewijzigd in "http://myexample.com".

Kies in het dialoogvenster Koppeling het type koppeling dat u wilt invoegen.

Met het tabblad Koppelingsinfo kunt u het koppelingstype kiezen en het koppelingprotocol en de URL instellen.

Het tabblad Doel is alleen beschikbaar voor het koppelingstype URL. Hiermee wordt de locatie opgegeven waar de koppeling wordt geopend nadat u deze hebt geselecteerd.
Koppeling verwijderen. Koppeling verwijderen Verwijder een koppeling in uw e-mail of document.

Wanneer u de cursor op een koppeling plaatst, wordt de knop Ontkoppelen op de werkbalk actief. Selecteer de knop om de koppeling te verwijderen en er tekst zonder opmaak van te maken.
Superscript. Superscript Typ zeer kleine letters net boven de tekstregel.
Subscript. Subscript Typ zeer kleine letters net onder de tekstregel.
Doorhalen. Doorhalen Streep tekst door.
Afbeelding invoegen. Afbeelding invoegen U kunt een afbeelding invoegen door deze rechtstreeks in de editor te kopiëren en te plakken, deze van uw bureaublad of lokale map rechtstreeks naar de editor te slepen en neer te zetten of door een URL te typen. De volgende indelingen worden ondersteund: .PNG, .JPG, of .GIF.

Een afbeelding inline in uw artikel invoegen:
1. Sleep de afbeelding en zet deze neer of kopieer en plak deze rechtstreeks in het artikel.
2. Een hoek van de afbeelding slepen om het formaat te wijzigen.

Een afbeelding invoegen met een URL of naar de lokale afbeelding navigeren:
1. Kies Afbeelding invoegen.
2. Selecteer een van de volgende opties in het eigenschappenvenster van Afbeelding:
  • Selecteer Bladeren om naar de afbeelding op uw computer te navigeren.
  • Of geef het webadres van de afbeelding en eigenschappen op om te bepalen hoe de afbeelding in de e-mail of het artikel wordt weergegeven.

  • Opmerking:
    • Als de gewenste afbeelding zich op de externe server bevindt, gebruikt u het absolute pad.
    • Als de afbeelding zich op een lokale server bevindt, kunt u een relatief pad gebruiken.
    • Als u wilt dat de afbeelding aan een doel wordt gekoppeld, voegt u een URL voor de afbeelding toe.
    • U kunt ook opgeven of u de doelpagina wilt openen in een nieuw venster, het bovenste venster, hetzelfde venster of een bovenliggend venster.
Links naar rechts. Links naar rechts Wijzig de tekstrichting in van links naar rechts voor inhoud zoals een alinea, koptekst, tabel of lijst. Vaak gebruikt voor bidirectionele taalinhoud. Dit is de standaardinstelling.
Rechts naar links. Rechts naar links Wijzig de tekstrichting in van rechts naar links voor inhoud zoals een alinea, koptekst, tabel of lijst. Vaak gebruikt voor bidirectionele taalinhoud. De standaardinstelling is van links naar rechts.
Typen ongedaan maken. Typen ongedaan maken Maak wijzigingen ongedaan die u hebt aangebracht in de inhoud.
Typen herhalen. Typen herhalen Herhaal wijzigingen die u hebt aangebracht in de inhoud.
Alle opmaak wissen. Alle opmaak wissen Verwijder alle opmaak uit een selectie van tekst, zodat alleen de normale, niet-opgemaakte tekst overblijft.
Een tabel toevoegen. Een tabel toevoegen Voeg een tabel toe aan uw inhoud.

Nadat u een tabel hebt toegevoegd, kunt u het volgende doen:

  • Het formaat van tabelkolommen wijzigen door met uw muis te klikken en te slepen om de kolommen de gewenste breedte te geven.
  • Selecteer een of meer cellen in een tabel en pas specifieke opmaak toe, voeg koppelingen toe aan de selectie of knip, kopieer of plak hele rijen of kolommen.
  • Klik met de rechtermuisknop om toegang tot de eigenschappen te krijgen. Dit ondersteunt functies zoals celtype, breedte en hoogte, tekstterugloop, uitlijning, cellen horizontaal en verticaal samenvoegen en splitsen, rijen en kolommen invoegen of verwijderen, rij- en kolombereik, en cel- en randkleur.
Werkbalk uitvouwen. Werkbalk uitvouwen Wordt weergegeven wanneer de werkbalk is samengevouwen en niet alle opties worden weergegeven. Klik om de werkbalk uit te vouwen en alle opties zichtbaar te maken.

Notitie

U kunt het contextmenu van uw browser openen door op Ctrl te drukken en met de rechtermuisknop te klikken. Dit is handig als u de ingebouwde spellingcontrole van uw browser moet gebruiken. Anders kunt u met de rechtermuisknop klikken om contextuele opmaak te bieden voor elk element dat u mogelijk gebruikt.

Snelkoppelingen voor toegankelijkheid

De volgende tabel bevat een lijst met sneltoetsen voor toegankelijkheid die beschikbaar zijn bij gebruik van het besturingselement RTF-editor. U kunt deze lijst openen tijdens het samenstellen van inhoud door op Alt+0 te drukken.

Type Sneltoets Beschrijving
Algemeen Alt+F11 Schakel de weergave voor volledig scherm in of uit.
Tabbladnavigatie Alt+Ctrl+0 Naar de werkbalk van de editor.
Tabbladnavigatie Alt+1 Ga naar de RTF-editor.
Tabbladnavigatie Alt+2 Ga naar de HTML-editor.
Tabbladnavigatie Alt+3 Ga naar de voorbeeldweergave.
Algemene editoropdrachten Alt+F10 Navigeer naar de werkbalk van de editor. Ga naar de volgende en vorige werkbalkgroep met Tab en Shift+Tab. Ga naar de volgende en vorige werkbalkknop met Pijl-rechts of Pijl-links. Druk op spatiebalk of Enter om de werkbalkknop te activeren.
Algemene editoropdrachten Alt+- Vouw de editorwerkbalk uit of samen.
Algemene editoropdrachten Zie beschrijving. Dialoogvenster editor: druk in een dialoogvenster op Tab om naar het volgende element van het dialoogvenster te navigeren, druk op Shift+Tab om naar het vorige element van het dialoogvenster te gaan, druk op Enter om het dialoogvenster te verzenden en druk op ESC om het dialoogvenster te annuleren. Als een dialoogvenster meerdere tabbladen heeft, kan de tablijst worden bereikt met Alt+F10 of met Tab, in de volgorde van de dialoogtabbladen. Als een tabbladlijst de focus heeft, gaat u naar het volgende en vorige tabblad met respectievelijk Pijl-rechts en Pijl-links.
Algemene editoropdrachten Zie beschrijving. Keuzelijst editor: ga binnen een keuzelijst naar het volgende lijstitem met Tab of Pijl-omlaag. Ga naar het vorige lijstitem met Shift+Tab of Pijl-omhoog. Druk op de spatiebalk of Enter om de lijstoptie te selecteren. Druk op ESC om het lijstvak te sluiten.
Basisopdrachten Ctrl+Z Opdracht Ongedaan maken.
Basisopdrachten Shift+Ctrl+Z Opdracht Opnieuw.
Basisopdrachten Ctrl+B Opdracht Vet.
Basisopdrachten Ctrl+I Opdracht Cursief.
Basisopdrachten Ctrl+U Opdracht Onderstrepen.
Basisopdrachten Alt+0 Hulp bij toegankelijkheid.
Basisopdrachten Esc Bewerking annuleren.

Veelgestelde vragen

V: Waarom worden getypte tekens traag weergegeven?

A. Een grote inhoud kan latentie veroorzaken. Zie Praktische tips voor het gebruik van de RTF-editor voor meer informatie. Spelling- of grammaticacontrole kan ook de typeprestaties vertragen.

Bekende problemen

  • HTML-opmaak wordt weergegeven voor kolommen die zijn geconfigureerd om het besturingselement voor de RTF-editor te gebruiken en die worden weergegeven in andere componenten dan een kolom op een formulier. Dit gebeurt bijvoorbeeld in weergaven, subrasters, gepagineerde rapporten en portals.

HTML-opmaak weergegeven in een kolom in een subraster.

Zie ook

Kolommen voor Microsoft Dataverse maken en bewerken met de Power Apps-portal