Legge til Redigeringsprogram for rik tekst-kontrollen for rik tekst i en modelldrevet app

Kontrollen for redigering av rik tekst er et enkelt HTML-basert redigeringsprogram som er bygd på den populære CKEditor. Du kan opprette, lime inn og redigere formatert tekst i de modelldrevne appene. Hvis du vil formatere tekst i redigeringsprogrammet, kan du bruke redigeringsverktøylinjen, sette inn HTML-merker eller lime inn formatert tekst fra andre programmer, for eksempel en webleser eller Word.

Du kan tilpasse redigeringsprogrammets utseende, funksjoner og virkemåte. Kontrollens standardkonfigurasjon vises i følgende skjermbilde.

Skjermbilde av standard redigeringsprogram for rik tekst i en modelldrevet app.

Legge til redigeringsprogram for rik tekst i en tekstkolonne

Når du formaterer en tekstkolonne som rik tekst, legges standard redigeringskontroll for rik tekst til automatisk.

  1. Logg på Power Apps.

  2. I navigasjonsruten til venstre velger du Løsninger.

  3. Åpne en løsning og en tabell i løsningen.

  4. Velg en tekstkolonne i området Kolonner og data.

    Hvis tabellen ikke inneholder en tekstkolonne, velger du + (Ny kolonne) og angir et navn på kolonnen.

  5. I Datatype velger du > til høyre for Tekst, og velg deretter riktig alternativ for Rik tekst basert på om kolonnen inneholder én enkelt tekstlinje eller flere linjer.

  6. Lagre kolonnen, og legg den deretter til i et skjema.

Legg til kontrollen for redigeringsprogram for rik tekst i en tekstkolonne i et skjema

  1. Logg deg på Power Apps.

  2. I navigasjonsruten til venstre velger du Løsninger.

  3. Åpne en løsning og en tabell i løsningen.

  4. Velg Skjemaer i Dataopplevelse-området, og finn deretter skjemaet som inneholder tekstkolonnen du vil legge til redigeringsprogrammet for rik tekst i.

  5. Velg > Rediger > Rediger i ny fane.

  6. På skjemautforminglerretet velger du legg til eller opprett en tekstkolonne.

  7. I ruten for kolonneegenskaper utvider du Komponenter-listen, velger + Komponent, og velger deretter Redigeringsprogram for rik tekst-kontroll.

  8. I ruten Legg til kontrollen for redigeringsprogram for rik tekst velger du Web, Telefon og Nettbrett for at apper som kjører på alle enheter, skal kunne bruke redigeringsprogrammet.

    Hvis du vil tilpasse utseendet til postredigeringsprogrammet, angir du den relative URL-adressen for konfigurasjonsfilen, en JavaScript-nettressursen som inneholder egenskapene du ønsker å endre, i boksen Statisk verdi. Hvis du lar dette feltet stå tomt, bruker redigeringsprogrammet standardkonfigurasjonen.

  9. Velg Ferdig.

  10. Velg Lagre og publiser for å bruk endringene i skjemaet.

Egendefinere kontrollen for rik tekstredigering

Med Power Apps kan du endre egenskapene for redigeringsprogrammet for rik tekst for å tilpasse utseendet, funksjonene og virkemåten. Hvis du vil tilpasse en bestemt forekomst av kontrollen, angir du egenskaper og deres verdier i en JSON-formatert konfigurasjonsfil. Hvis du vil tilpasse den globale konfigurasjonen av kontrollen, endrer du egenskapene i standard konfigurasjonsfil.

Tilpassingsnivåer

Opptil tre nivåer, eller lag, med konfigurasjon kan brukes for tilpasse redigeringsprogrammet for rik tekst.

  1. På det mest grunnleggende nivået tar hver forekomst av kontrollen konfigurasjonen fra filen RTEGlobalConfiguration_Readonly.json. Filen er skrivebeskyttet, så du kan ikke endre disse egenskapene direkte.
  2. På det neste nivået tar hver forekomst av kontrollen konfigurasjonen fra egenskapene i filen RTEGlobalConfiguration.json hvis det finnes noen. Denne konfigurasjonen er lagdelt over den forrige, så egenskapene i denne filen erstatter de samme navngitte egenskapene i den skrivebeskyttede filen.
  3. Til slutt tar en bestemt forekomst av kontrollen konfigurasjonen fra en bestemt konfigurasjonsfil hvis dette finnes. Denne konfigurasjonen er lagdelt over den forrige, så egenskapene i denne filen erstatter de samme navngitte egenskapene i de to filene på lavere nivå.

Her må vi legge til en liten kvalifisering. Ikke alle egenskaper erstattes av egenskaper som er i en konfigurasjon på høyere nivå. extraPlugins-egenskapene slås sammen for å tillate bruk av en rekke eksterne og med innebygde plugin-moduler i standardkonfigurasjonen. Det gjør det mulig å aktivere og deaktivere plugin-moduler etter behov i konfigurasjonsfilen for bestemte forekomster av kontrollen.

Tilpasse en bestemt forekomst av redigeringsprogrammet for rik tekst

  1. I Visual Studio Code eller et annet tekstredigeringsprogram, oppretter du en fil og gir de et beskrivende navn.

    Filen RTEGlobalConfiguration.json inneholder standard- eller globale konfigurasjonen for redigeringsprogrammet for rik tekst. Hvis du tilpasser kontrollen i for eksempel et kontaktskjema, kan du gi filen et navn som RTEContactFormConfiguration.json.

  2. Kopier og lim inn følgende kodesnutt i filen:

    {
    "defaultSupportedProps": {
      "propertyName": "value",
      "propertyName": "value",
      "propertyName": "value"
    },
    }
    

    Vær oppmerksom på at det siste propertyName:value-paret ikke slutter med et komma.

  3. Erstatt propertyName og verdi med egenskapene for redigeringsprogrammet for rik tekst som du vil endre. Strengverdier må være i anførselstegn.

    Vi har laget noen få eksempelkonfigurasjoner for deg, men du kan definere andre slik at de passer dine behov.

  4. I Power Apps oppretter du en nettressurs av JavaScript (JS)-typen ved hjelp av JSON-filen du opprettet i trinn 1.

  5. Legg til kontrollen for redigering av rik tekst i en tekstkolonne i et skjema, og i ruten Legg til redigeringsprogram for rik tekst > Statisk verdi angir du den relative URL-adressen til JavaScript-webressursen.

    Selv om du kan angi den absolutte URL-adressen til webressursen, anbefaler vi at du angir den relative URL-adressen. På den måten fungerer webressursen fremdeles hvis du importerer den som en løsning til et annet miljø, forutsatt at den relative banen er den samme.

    Hvis for eksempel URL-adressen til webressursen er https://yourorg.crm.dynamics.com/WebResources/rtecontactform, er den relative URL-adressen /WebResources/rtecontactform.

  6. Velg Ferdig.

  7. Velg Lagre og publiser for å bruk endringene i skjemaet.

Tilpasse redigeringsprogrammet for rik tekst globalt

Den redigerbare globale konfigurasjonsfilen RTEGlobalConfiguration.json er det andre tilpassingsnivået du kan bruke. Filen er som standard tom. Det betyr at alle forekomster av redigeringsprogrammet for rik tekst bruker egenskapene i den skrivebeskyttede filen RTEGlobalConfiguration_Readonly.json mindre du oppretter en konfigurasjonsfil for en bestemt forekomst av kontrollen.

Hvis virksomheten trenger at du tilpasser kontrollen overalt, angir du verdiene du trenger i RTEGlobalConfiguration.json-filen. Bruk den skrivebeskyttede filen som eksempel for å forsikre deg om at du angir egenskapsverdipar i riktig format.

Bruk Copilot for å justere teksten i redigeringsprogrammet

Copilot bruker algoritmer for naturlige språkbehandling til å forbedre det skrevne innholdet. Du kan legge til Copilot i redigeringsprogrammet for rik tekst, og deretter få forslag til hvordan du kan forbedre tekstens grammatikk, tydelighet eller generelle kvalitet. Lær hvordan du bruker Copilot i redigeringsprogrammet for rikt tekst.

Rich text editor-egenskaper

JSON-filen som avgjør utseendet til en forekomst av redigeringsprogrammet for rik tekst, inneholder to sett egenskaper:

Eksempelkonfigurasjonsfil

Koden nedenfor er et eksempel på en JSON-fil som inneholder både defaultSupportedProps-egenskaper og individuelle konfigurasjonsegenskaper. Hvis en egenskap har en standardverdi, vises standardverdien. Hvis en egenskap ikke har en standardverdi, vises en eksempelverdi som illustrerer syntaksen. Egenskapene som brukes i de to tabellene som følger.

"defaultSupportedProps": {
  "height": 185,
  "stickyStyle": {
    "font-size": "9pt",
    "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
  },
  "stickyStyles_defaultTag": "div",
  "font_defaultLabel": "Segoe UI",
  "fontSize_defaultLabel": "9",
  "toolbarLocation": "bottom",
  "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" ]
 ],
  "plugins": [["button,toolbar,dialogui,dialog,autogrow,notification,clipboard,textmatch,fakeobjects,link,autolink,basicstyles,bidi,blockquote,panelbutton,panel,floatpanel,colorbutton,colordialog,listblock,richcombo,menu,contextmenu,copyformatting,enterkey,entities,popup,find,floatingspace,font,format,htmlwriter,horizontalrule,indent,indentblock,indentlist,justify,lineutils,openlink,list,liststyle,maximize,undo,menubutton,notificationaggregator,xml,ajax,pastetools,pastefromword,pastetext,preview,table,quicktable,removeformat,resize,selectall,showborders,sourcearea,specialchar,stylescombo,tab,tabletools,tableresize,tableselection,widgetselection,widget,wysiwygarea,textwatcher"]],
  "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,editorplaceholder,filebrowser,filetools,find,floatpanel,font,iframerestrictor,indentblock,justify,notification,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools,uploadfile,uploadimage,uploadwidget",
  "removePlugins": "a11yhelp,codemirror,magicline,scayt,showborders",
  "superimageImageMaxSize": 5,
  "disallowedContent": "form[action]; *[formaction]; script; *[on*]",
  "linkTargets": ["notSet", "_blank"],
},
"attachmentEntity": {
  "name": "msdyn_richtextfiles",
  "fileAttributeName": "msdyn_fileblob"
},
"disableContentSanitization": true,
"disableDefaultImageProcessing": false,
"disableImages": false,
"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
],
"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
},
"readOnlySettings": {
  "height": 500,
  "showFullScreenExpander": true
},
"sanitizerAllowlist": {
  "attributes": [],
  "cssProperties": [],
  "domains": [],
  "protocols": [],
  "tags": []
},
"showAsTabControl": false,
"showFullScreenExpander": false,
"showHtml": false,
"showPreview": false,
"showPreviewHeaderWarning": false,
"allowSameOriginSandbox": false

defaultSupportedProps

Tabellen nedenfor beskriver egenskapene som brukes mest, men du kan konfigurere alle egenskapene som CKEditor støtter. Kontrollen for redigeringsprogram for rik tekst bruker CKEditor 4.

Egenskap Description Default value
height Angir den opprinnelige høyden på innholdsområdet, i piksler. "185"
stickyStyle Angir skrifttype og -størrelse i redigeringsprogrammet. Se defaultSupportedProps
stickyStyles_defaultTag Oppretter en wrapper rundt teksten i innholdsområdet for redigeringsprogrammet. Det er opprinnelig satt til "div", men du kan endre den til "p" eller et alternativt merke. "div"
font_defaultLabel Angir skriftetiketten som vises på verktøylinjen. Etiketten er bare til utseende og er ikke funksjonell. Egenskapen stickyStyle bestemmer redigeringsskriften og -størrelsen. "Segoe UI"
fontSize_defaultLabel Angir skriftstørrelsen som vises på verktøylinjen. Etiketten er bare til utseende og er ikke funksjonell. Egenskapen stickyStyle bestemmer redigeringsskriften og -størrelsen. "9"
toolbarLocation Angir plasseringen for verktøylinjen i innholdsområdet for redigeringsprogrammet. Støttede verdier er øverst og nederst. "nederst"
-verktøylinjen Viser verktøylinjeknappene som skal vises. Se defaultSupportedProps
plugins Viser forhåndsinnstilte plugin-moduler som redigeringsprogrammet kan bruke. Plugin-modulene i denne listen kan være forskjellige fra plugin-modulene som lastes inn, hvis extraPlugins og removePlugins får en verdi. Hvis du angir en tom streng for denne egenskapen, lastes redigeringsprogrammet inn uten verktøylinjen. Se defaultSupportedProps
extraPlugins Tilføyer plugin-moduler i listen plugins for å laste inn flere plugin-moduler.
Mange plugin-moduler krever andre programtillegg for å fungere. Redigeringsprogrammet for rikt tekst legger dem til automatisk, og du kan ikke bruke denne egenskapen til å overstyre dem. Bruk removePlugins i stedet.
Se defaultSupportedProps
removePlugins Viser plugin-moduler som ikke skal lastes inn. Bruk den til å endre hvilke plugin-moduler som lastes inn, uten å endre listene plugins og extraPlugins . Se defaultSupportedProps
superimageImageMaxSize Angir maksimumsstørrelsen i MB som er tillatt for innebygde bilder når du bruker plugin-modulen superimage. "5"
disallowedContent Lar deg hindre brukere i å sette inn elementer du ikke vil ha i innholdet. Du kan forby hele elementer eller attributter, klasser og stiler. Se defaultSupportedProps
linkTargets Gjør det mulig å konfigurere hvilke koblingsmålalternativer som er tilgjengelige for brukere når de oppretter koblinger:
- "notSet": Ingen målsett
- "frame": Åpner dokumentet i den angitte rammen
- popupWindow": Åpner dokumentet i et popup-vindu
- "_blank": Åpner dokumentet i et nytt vindu eller en ny fane
- "_top": Åpner dokumentet i hele brødteksten i vinduet
- "_self": Åpner dokumentet i samme vindu eller fane der koblingen er aktivert
- "_parent": Åpner dokumentet i den overordnede rammen
"notSet", "_blank"

Individuelle egenskaper

Tabellen nedenfor beskriver flere egenskaper du kan bruke til å tilpasse redigeringsprogrammet for rik tekst.

Egenskap Description Default value
attachmentEntity For å opprettholde mer sikkerhet på opplastede filer angir du denne egenskapen og angir en annen tabell ved å bruke en annen tabell enn standardtabellen.
Syntaks: "name": "tableName", "fileAttributeName": "attributeNameofBlobReference"
Se defaultSupportedProps
disableContentSanitization Innholdsrengjøring fjerner noen av de egendefinerte attributtene eller merkene fra rik tekst-innhold. Det blir deaktivert slik at kopiering og innliming av rikt tekstinnhold fra eksterne kilder er mulig. Denne egenskapen gjelder bare redigeringsmodus. Når redigeringskontrollene er skrivebeskyttet eller deaktivert, sanitiseres innhold alltid. sann
disableDefaultImageProcessing Bilder som settes inn i redigeringsprogrammet, lastes som standard opp til attachmentEntity som er definert i konfigurasjonen. Eksterne brukere kan mangle rettigheter til å vise innholdet i tabellen. I stedet angir du at denne egenskapen skal være sann for å lagre bilder som base64-strenger direkte i kolonnen som er konfigurert til å bruke redigeringsprogrammet for rik tekst. usann
disableImages Avgjør om bilder kan settes inn i redigeringsprogrammet. Denne egenskapen har høyest prioritet. Når denne egenskapen er satt til true, deaktiveres bilder, uansett verdien til egenskapen imageEntity. usann
externalPlugins Viser eksterne plugin-moduler eller plugin-moduler du oppretter som kan brukes i redigeringsprogrammet for rik tekst.
Syntaks: "name": "pluginName", "path": "pathToPlugin" (baneverdien kan være en absolutt eller relativ URL-adresse)
Ingen; se defaultSupportedProps for et eksempel
imageEntity For å opprettholde mer sikkerhet på bilder angir du denne egenskapen og angir en annen tabell ved å bruke en annen tabell enn standardtabellen.
Syntaks: "imageEntityName": "tableName", "imageFileAttributeName": "attributeNameofBlobReference"
Se defaultSupportedProps
readOnlySettings Disse egenskapene bestemmer funksjonaliteten til kolonnen når den vises i skrivebeskyttet eller deaktivert tilstand. Du kan angi en hvilket som helst støttet egenskap. Ingen; se defaultSupportedProps for et eksempel
sanitizerAllowlist Viser andre typer innhold som kan vises i redigeringsprogrammet. Se defaultSupportedProps
showAsTabControl Gjør det mulig å vise flere kommandoer over innholdsområdet. Må angis til sann for å bruke følgende egenskaper: showFullScreenExpander, showHtml, showPreview, showPreviewHeaderWarning usann
showFullScreenExpander Avgjør om redigeringsprogrammet kan brukes i fullskjermmodus. showAsTabControl må være angitt til sann. usann
showHtml Gjør det mulig for brukere å vise og redigere HTML-innholdet direkte. showAsTabControl må være angitt til sann. usann
showPreview Gjør det mulig for brukere å forhåndsvise redigeringsinnholdet som gjengis som HTML. showAsTabControl må være angitt til sann. usann
showPreviewHeaderWarning Gjør at du kan vise eller skjule advarselen som vises under forhåndsvisning av innhold. showAsTabControl og showPreview må være angitt til sann. usann
allowSameOriginSandbox Gjør at innholdet i redigeringsprogrammet kan behandles som fra samme opphav som gjengivelsesappen.
Vær forsiktig med å bruke denne egenskapen. Bruk bare klarert eksternt innhold. Når denne egenskapen er satt til Sann, kan eksternt innhold ha tilgang til interne ressurser.
usann

Eksempelkonfigurasjoner

Følgende eksempelkonfigurasjoner oppretter spesifikke tilpassinger av redigeringsprogrammet for rik tekst. Du kan bruke dem som de er, eller som et utgangspunkt for å tilpasse en bestemt forekomst av redigeringsprogrammet for rik tekst eller globalt.

Sett standardskriften til 11-punkts Calibri

Angi disse defaultSupportedProps-egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

"font_defaultLabel": "Calibri",
"fontSize_defaultLabel": "11",
"stickyStyle": {
  "font-size": "11pt",
  "font-family": "Calibri/Calibri, Helvetica, sans-serif;"
},

Få Enter-tasten til å sette inn en ny linje i stedet for en avsnittsblokk

Når du trykker Enter, opprettes det som standard en avsnittsblokk med HTML-koden <p> . HTML bruker avsnittsblokker til å gruppere informasjon, for eksempel avsnitt i et Word-dokument. Weblesere kan formatere <p>-koden litt annerledes, så for å få en visuell konsekvens kan det være lurt å bruke det nye linje- eller linjeskiftmerket <br\> i stedet.

Angi defaultSupportedProps-egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

"enterMode": 2,

Lime inn eller opprette bare HTML 5-innhold

Selv om redigeringsprogram for rik tekst-kontrollen fungerer best med HTML 5-innhold, kan du bruke HTML 4-koder. I noen tilfeller kan imidlertid blanding av HTML 4- og HTML 5-merker skape utfordringer for brukervennlighet. Hvis du vil sikre at alt innhold er HTML 5, angir du alle støttede HTML 5-merker i allowedContent-egenskapen. Redigeringskontrollen konverterer eventuelle ikke-kompatible koder til tilsvarende HTML 5-kode.

Angi defaultSupportedProps-egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

"allowedContent": "a(*)[*]{*};abbr(*)[*]{*};address(*)[*]{*};area(*)[*]{*};article(*)[*]{*};aside(*)[*]{*};audio(*)[*]{*};b(*)[*]{*};base(*)[*]{*};bdi(*)[*]{*};bdo(*)[*]{*};blockquote(*)[*]{*};body(*)[*]{*};br(*)[*]{*};button(*)[*]{*};canvas(*)[*]{*};caption(*)[*]{*};cite(*)[*]{*};code(*)[*]{*};col(*)[*]{*};colgroup(*)[*]{*};data(*)[*]{*};datalist(*)[*]{*};dd(*)[*]{*};del(*)[*]{*};details(*)[*]{*};dfn(*)[*]{*};dialog(*)[*]{*};div(*)[*]{*};dl(*)[*]{*};dt(*)[*]{*};em(*)[*]{*};embed(*)[*]{*};fieldset(*)[*]{*};figcaption(*)[*]{*};figure(*)[*]{*};footer(*)[*]{*};form(*)[*]{*};h1(*)[*]{*};h2(*)[*]{*};h3(*)[*]{*};h4(*)[*]{*};h5(*)[*]{*};h6(*)[*]{*};head(*)[*]{*};header(*)[*]{*};hr(*)[*]{*};html(*)[*]{*};i(*)[*]{*};iframe(*)[*]{*};img(*)[*]{*};input(*)[*]{*};ins(*)[*]{*};kbd(*)[*]{*};label(*)[*]{*};legend(*)[*]{*};li(*)[*]{*};link(*)[*]{*};main(*)[*]{*};map(*)[*]{*};mark(*)[*]{*};meta(*)[*]{*};meter(*)[*]{*};nav(*)[*]{*};noscript(*)[*]{*};object(*)[*]{*};ol(*)[*]{*};optgroup(*)[*]{*};option(*)[*]{*};output(*)[*]{*};p(*)[*]{*};param(*)[*]{*};picture(*)[*]{*};pre(*)[*]{*};progress(*)[*]{*};q(*)[*]{*};rp(*)[*]{*};rt(*)[*]{*};ruby(*)[*]{*};s(*)[*]{*};samp(*)[*]{*};section(*)[*]{*};select(*)[*]{*};small(*)[*]{*};source(*)[*]{*};span(*)[*]{*};strong(*)[*]{*};style(*)[*]{*};sub(*)[*]{*};summary(*)[*]{*};sup(*)[*]{*};svg(*)[*]{*};table(*)[*]{*};tbody(*)[*]{*};td(*)[*]{*};template(*)[*]{*};textarea(*)[*]{*};tfoot(*)[*]{*};th(*)[*]{*};thead(*)[*]{*};time(*)[*]{*};title(*)[*]{*};tr(*)[*]{*};track(*)[*]{*};u(*)[*]{*};ul(*)[*]{*};var(*)[*]{*};video(*)[*]{*};wbr(*)[*]{*};",

Bare lime inn eller opprette ren tekst

Angi disse defaultSupportedProps-egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

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

Angi denne individuelle egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

"disableImages": true,

Tillat redigeringsprogrammet å bruke hele skjermen

Angi disse individuelle egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

"showAsTabControl": true,
"showFullScreenExpander": true,

Skjermbilde av redigeringsprogrammet for rik tekst, med fullskjermsutviderkontrollen uthevet.

Tillate visning og redigering av HTML-innhold

Hvis du vil at brukere skal kunne vise og redigere HTML-koden for innholdet direkte, viser du HTML-fanen.

Angi disse individuelle egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

"showAsTabControl": true,
"showHtml": true,

Skjermbilde av redigeringsprogrammet for rik tekst, med kontrollen for HTML-fane uthevet.

Vise en forenklet verktøylinje eller fjerne den helt

Som standard inneholder redigeringsverktøylinjen alle tilgjengelige formateringsverktøy. Hvis du vil ha en forenklet verktøylinje, bruker du toolbar-egenskapen og angir verktøyene som brukere kan bruke til å formatere innholdet.

Angi defaultSupportedProps-egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

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

Skjermbilde av redigeringsprogrammet med en forenklet verktøylinje uthevet.

Hvis du vil fjerne verktøylinjen fullstendig, angir du verdien toolbar til [] (to firkantede hakeparenteser).

Legge til en ny skriftliste og angi 20-piksels Brush Script MT som standardskrift

Angi disse defaultSupportedProps-egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

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

Skjermbilde av redigeringsprogrammet for rikt tekst med Brush Script MT som standardskrift og en ny skriftliste.

Plassere verktøylinjen øverst i rich text editor

Angi defaultSupportedProps-egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

"toolbarLocation": "top",

Start redigeringsprogrammet med en 30 pikslers høyde, og øk for å tilpasse innhold

Angi disse defaultSupportedProps-egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

"autoGrow_onStartup": false,
"autoGrow_maxHeight": 0,
"autoGrow_minHeight": 30,
"height": 30,

Skjermbilde som illustrerer at hvis du skriver inn i området for rik tekst eller limer inn et bilde, økes det for å tilpasse innholdet.

Endre høyden på redigeringsprogrammet på 500 piksler

Angi disse defaultSupportedProps-egenskapene i konfigurasjonsfilen. Hver verdi unntatt den siste verdien må etterfølges av et komma (,).

"removePlugins": [ "autogrow" ],
"height": 500,

Skjermbilde som illustrerer at med fast høyde vises et rullefelt når nok innhold legges til i området for rik tekst.

Få kontekstmenyen (høyreklikk) til å bruke webleserens standard kontekstmeny

Hvis du vil erstatte hurtigmenyen for redigeringskontrollene med webleserens standard kontekstmeny, fjerner du plugin-modulen for kontekstmeny.

Angi defaultSupportedProps-egenskapen i konfigurasjonsfilen. Følg denne verdien med et komma (,) med mindre det er den siste egenskapen i filen.

"removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools",

Finne konfigurasjonen for kontrollen for redigeringsprogrammet for rik tekst

Hvis du ikke er sikker på hvor konfigurasjonen av en forekomst av redigeringsprogrammet for rik tekst kommer fra, kan du finne den ved hjelp av utviklerverktøyene i nettleseren.

  1. I Microsoft Edge eller Google Chrome kjører du den modelldrevne appen og åpner et skjema som har Redigeringsprogram for rik tekst-kontrollen.
  2. Høyreklikk innholdsområdet for redigeringsprogrammet for rik tekst, og velg Inspiser.
  3. Velg kategorien Konsoll i inspeksjonsruten.
  4. Velg den overordnede Main.aspx-siden i listeboksen på kommandolinjen.

Skjermbilde av utviklerverktøyene for nettleseren med kategorien Konsoll og main.aspx-siden uthevet.

  1. Velg Tom konsoll-ikonet på kommandolinjen i inspeksjonsruten, og angi deretter CKEDITOR.config. i konsollen.

Skjermbilde av utviklerverktøyene for nettleseren med ikonet Tøm konsoll uthevet.

  1. I inspeksjonsruten angir du CKEDITOR.config. for å vise de ulike konfigurasjonene.

Liste over CK Editor-konfigurasjoner.

  1. Velg en konfigurasjon, for eksempel autoGrow_minHeight, for å vise gjeldende innstilling.

Verktøylinjen for rik tekstredigering

Tabellen nedenfor beskriver formateringsverktøyene som er tilgjengelige i redigeringsprogrammet for rik tekst som standard.

Icon Navn Shortcut key Description
Kopier format. Kopier formatering Ctrl+Skift+C, Ctrl+Skift+V Bruk utseendet til en bestemt del i en annen del.
Skrift. Skriftnavn Ctrl+Skift+F Velg en skrift. Programmet vurderer skriften du velger som standardskrift. Segoe UI er standardskriften hvis du ikke velger en.

Når du velger formatert innhold, vises skriftnavnet som er brukt. Hvis utvalget inneholder flere skrifter, vises den første som brukes i utvalget.
Skriftstørrelse. Skriftstørrelse Ctrl+Skift+P Endre størrelsen på teksten. Programmet vurderer skriftstørrelsen du velger som standardstørrelse. 12 er standardstørrelsen hvis du ikke velger en.

Når du velger formatert innhold, vises skriftstørrelsen som er brukt. Hvis utvalget inneholder flere størrelser, vises den første som brukes i utvalget.
Fet. Fet Ctrl+B Gjør teksten fet.
Kursiv. Italic Ctrl+I Kursiver teksten.
Understreking. Understreking Ctrl+U Understrek teksten.
Uthevingsfarge for tekst. Bakgrunnsfarge Fremhev teksten ved å utheve den i en lys farge.
Skriftfarge. Tekstfarge Endre fargen på teksten.
Punktliste. Sett inn / fjern punktmerket liste Opprett en punktliste.
Nummerering. Sett inn / fjern nummerert liste Opprett en nummerert liste.
Reduser innrykk. Reduser innrykk Flytt avsnittet nærmere margen.
Øk innrykk. Øk innrykk Flytt avsnittet lenger unna margen.
Blokksitat. Blokksitat Bruk et sitatformat på blokknivå i innholdet.
Venstrejuster. Venstrejuster Ctrl+L Juster innholdet etter venstre marg.
Midtstill loddrett. Midtstill Ctrl+E Midtstill innholdet på siden.
Høyrejuster. Høyrejuster Ctrl+R Juster innholdet etter høyre margin.
Koble. Kobling Opprett en kobling i dokumentet for å få rask tilgang til nettsider og andre skyressurser Skriv inn eller lim inn ankerteksten i Vis tekst-boksen, og skriv eller lim deretter inn URL-adressen i URL-boksen.

Alternativt kan du velge en Koblingstype og en protokoll hvis koblingen er til noe annet enn en webside. Hvis du vil angi hvor en URL-typekobling skal åpnes, velger du Mål-kategorien og deretter Mål.

En innlimt eller angitt URL konverteres automatisk til en kobling. Eksempelvis blir http://myexample.com til <a href="http://myexample.com">http://myexample.com</a>.
Fjern kobling. Fjern kobling Fjern koblingen fra ankeret, og gjør den om til ren tekst.
Hevet skrift. Hevet skrift Skriv inn små bokstaver like over tekstlinjen.
Senket skrift. Senket skrift Skriv inn små bokstaver like under tekstlinjen.
Gjennomstreking. Gjennomstreking Kryss ut tekst ved å tegne en strek gjennom den.
Sett inn bilde. Image Hvis du vil sette inn et bilde, limer du det inn fra utklippstavlen i innholdsområdet eller drar en bildefil fra en mappe til innholdsområdet. Dra et hjørne av bildet for å endre størrelsen på det. Kontrollen støtter PNG-, JPG- og GIF-bilder.

Hvis du vil ha mer kontroll over bildets kilde, utseende og virkemåte, velger du Bilde-knappen. Bla til bildefilen i en lokal mappe, eller angi URL-adressen til den. Hvis bildet er lagret på en ekstern server, angir du den absolutte banen. Hvis det ligger på en lokal server, kan du angi en relativ bane. Du kan eventuelt angi en bestemt høyde og bredde for å endre størrelse på bildet, og velge en justering. Du bør også skrive inn alternativ tekst for å beskrive bildet for brukere av skjermlesere.

Hvis bildet også er en kobling til en webside eller en annen skyressurs, angir du URL-adressen for ressursen i boksen Målnettadresse, og om nødvendig velger du Mål der koblingen skal åpnes.
Venstre mot høyre. Tekstretning fra venstre mot høyre Endre teksten til venstre mot høyre. Dette er standardinnstillingen.
Høyre mot venstre. Tekstretning fra høyre mot venstre Endre teksten til høyre mot venstre for toveis språkinnhold.
Angre. Angre Reversere den siste endringen du har gjort i innholdet.
Gjør om. Gjør om Angre siste angrehandling, eller bruk den siste endringen du har gjort i innholdet, på nytt.
Fjern all formatering. Fjern formatering Fjern all formatering fra den valgte teksten.
Tabell. Table Sett inn en tabell med antallet rader og kolonner du velger. Hvis du vil ha bedre kontroll over størrelsen og utseendet til tabellen, velger du Tabell -> Mer og endrer egenskapene. Du kan også høyreklikke en tabell for å vise og endre egenskapene.

Hvis du vil endre bredden på en kolonne, drar du i rammen. Du kan velge én eller flere celler, rader eller kolonner og bruke spesifikk formatering, legge til en kobling for den valgte teksten og klippe ut, kopiere og lime inn hele rader eller kolonner.
Innstillinger for personalisering Angi standardskrift og skriftstørrelse.
Hjelp for Tilgjengelighet Alt + 0 Åpne listen over hurtigtaster du kan bruke i redigeringsprogrammet for rik tekst.
Vis verktøylinje. Vis verktøylinje Når vinduet er for smalt til å vise hele verktøylinjen, velger du å utvide verktøylinjen til en annen rad.

Tips

Hvis du vil bruke den innebygde stavekontrollen i leseren, trykker du CTRL-tasten mens du høyreklikker teksten du vil kontrollere. Ellers gir høyreklikkmenyen (kontekst) kontekstavhengig formatering for elementet du velger.
Et alternativ til den innebygde stavekontrollen i nettleseren er nettleserutvidelsen Microsoft-redaktør. Microsoft-redaktør fungerer sømløst med Redigeringsprogram for rik tekst-kontrollen, og når denne er aktivert, får du raske og enkle innebygd funksjoner for grammatikk- og stavekontroll.

Bruk redigeringsprogrammet for rik tekst i frakoblet modus

Kontrollen for redigeringsprogrammet for rik tekst er tilgjengelig når du arbeider frakoblet, men uten noen av funksjonene og funksjonaliteten du er vant til. Bilder du laster opp med redigeringsprogrammets standardkonfigurasjon, er ikke tilgjengelige når du arbeider frakoblet.

Plugin-modulene nedenfor er tilgjengelige for redigeringsprogrammet for rikt tekst når du er frakoblet:

  • ajax, autogrow, basicstyles, bidi, blockquote, button, confighelper, contextmenu, dialog, dialogui, editorplaceholder, enterkey, entities, fakeobjects, floatingspace, floatpanel, format, horizontalrule, htmlwriter, indent, indentblock, indentlist, justify, lineutils, list, listblock, maximize, menu, menubutton, notification, notificationaggregator, panel, panelbutton, popup, preview, removeformat, resize, richcombo, selectall, showborders, sourcearea, specialchar, stylescombo, tab, textmatch, textwatcher, toolbar, undo, widgetselection, wysiwygarea, xml

Følgende formateringsverktøyer er tilgjengelige for redigeringsprogrammet for rikt tekst når du er frakoblet:

  • Fet, kursiv, understreking, punktmerkede og nummererte lister, reduser og øk innrykk, blokksitat, venstrejuster, juster senter, juster høyre, gjennomstreking, toveis tekst, angre og gjøre om, og fjerne formatering

Gode fremgangsmåter ved bruk av rich text editor

  • Felt for rik tekst lagrer HTML-merker for formatering sammen med data som er angitt av brukeren. Når du angir maksimumsstørrelsen for felt for rik tekst, må du passe på at både HTML-kodene og brukerens data er tillatt.

  • Du får best mulig ytelse ved å holde HTML-innholdet på 1 MB eller mindre. I større størrelser kan det hende du ser langsommere svartid for lasting og redigering.

  • I standardkonfigurasjonen påvirker ikke bilder ytelsen negativt, fordi de lagres atskilt fra HTML-innholdet. Bilder lagres imidlertid som base64-innhold i tekstkolonnen når brukeren som laster dem opp, ikke har tillatelser på msdyn_richtextfiles-tabellen. Base64-innhold er stort, så du ønsker vanligvis ikke å lagre bilder som som del av kolonneinnholdet.

  • Hvis du har sikkerhetsrollen Systemansvarlig eller Basic-bruker, fungerer funksjonen for brukertilpassing som standard. Hvis du ikke har disse rollene, må du ha opprettings-, lese- og skriverettigheter i tabellen msdyn_customcontrolextendedsettings for at plugin-modulen for brukertilpassing skal fungere.

Vanlige spørsmål

Hvorfor vises tegn som er skrevet inn, tregt?

Hvis du har mye innhold i redigeringsprogrammet, kan svartiden øke. Du får best mulig ytelse ved å holde innholdet på 1 MB eller mindre. Stavekontroll eller grammatikkontroll kan også redusere innskrivingsytelsen.

Hvorfor kan jeg ikke laste opp et bilde? Hvorfor lastes ikke forhåndsvisningen av bilder inn?

Hvis navnet på bildefilen, inkludert banen, er lang, kan det hende at opplastingen av filen mislykkes, eller at forhåndsvisningen ikke vises. Prøv å forkorte filnavnet eller flytte det til en plassering med en kortere bane, og last det deretter opp på nytt.

Hvorfor ser jeg HTML-kode i teksten min?

Hvis kontrollen for redigering av rik tekst brukes i en kolonne som ikke er formatert for rik tekst, vises innholdet i den underliggende HTML-koden i stedet for som formatert tekst.

Skjermbilde av HTML-kode som vises i innholdsområdet for redigeringsprogrammet.

Du kan løse dette problemet ved å kontrollere at formatet for kolonnen er satt til Rik tekst.

Se også

Obs!

Kan du fortelle oss om språkinnstillingene for dokumentasjonen? Ta en kort undersøkelse. (vær oppmerksom på at denne undersøkelsen er på engelsk)

Undersøkelsen tar rundt sju minutter. Det blir ikke samlet inn noen personopplysninger (personvernerklæring).