Dodavanje kontrole uređivača obogaćenog teksta u aplikaciju stvorenu prema modelu

Kontrola uređivača obogaćenog teksta lagani je uređivač temeljen na HTML-u izgrađen na popularnom CKEditoru. Omogućuje vam stvaranje, lijepljenje i uređivanje oblikovanog teksta u aplikacijama stvorenim prema modelu. Za oblikovanje teksta u uređivaču možete koristiti alatnu traku uređivača, umetnuti HTML oznake ili zalijepiti oblikovani tekst iz drugih aplikacija, poput web-preglednika ili Worda.

Možete prilagoditi izgled, značajke i ponašanje uređivača. Moderno tekstualno iskustvo kontrole prikazano je na sljedećoj snimci zaslona.

Trenutno je uređivač obogaćenog teksta dostupan kao dva različita iskustva:

• Moderni uređivač teksta: Novo iskustvo koje možete omogućiti
• Klasični uređivač teksta: zadano iskustvo

Poboljšanja modernog uređivača teksta

Moderni uređivač teksta dizajniran je za usklađivanje s poznatim i intuitivnim sučeljima Microsoftovih aplikacija kao što su Outlook, Word i OneNote. Ovo ažuriranje uvodi moderan dizajn, tamni način rada, teme visokog kontrasta i novu značajku kopilota za poboljšanje mogućnosti uređivanja teksta.

Napomena

Određene funkcionalnosti koje su dostupne u klasičnom iskustvu uređivača obogaćenog teksta još nisu dostupne u modernom iskustvu. Takve funkcionalnosti uključuju:

• Mogućnosti konfiguracije, kao što je opisano u ovom članku za klasično iskustvo
• Reference

Omogućivanje modernog doživljaja uređivača obogaćenog teksta

Klasično okruženje uređivača obogaćenog teksta omogućeno je prema zadanim postavkama. Da biste prešli na moderno okruženje uređivača obogaćenog teksta, slijedite ove korake.

1. U sustavu Dynamics 365 desnom tipkom miša kliknite aplikaciju za koju želite omogućiti moderno okruženje uređivača obogaćenog teksta, a zatim odaberite OTVORI U DIZAJNERU APLIKACIJA. Power Apps otvara dizajner aplikacija.
2. Na naredbenoj traci, odaberite Postavke. Prikazat će se stranica s postavkama.
3. U lijevom oknu u odjeljku Postavke odaberite Značajke. Prikazat će se stranica sa značajkama.
4. Postavite prekidač na Da za bilo koju ili sve sljedeće mogućnosti, ovisno o vašim potrebama:
   • Omogućite moderno iskustvo kontrole RichTextEditor i opise e-pošte: omogućuje modernom iskustvu kontrole uređivača obogaćenog teksta za opise e-pošte. Ova postavka nadjačava sve prilagodbe koje ste prethodno napravili na klasičnom (zadanom) iskustvu e-pošte uređivača obogaćenog teksta.
   • Omogućivanje modernog sučelja kontrole RichTextEditor za zadane kontrole: omogućuje moderno okruženje uređivača obogaćenog teksta za zadane, nekonfigurirane instance.
   • Omogućite moderno iskustvo kontrole RichTextEditor za stvaranje bilješki: omogućuje moderno okruženje uređivača obogaćenog teksta za bilješke. Ova postavka nadjačava sve prilagodbe koje ste prethodno imali na klasičnom (zadanom) iskustvu stvaranja bilješki uređivača obogaćenog teksta.
5. Odaberite Spremi.
6. U dizajneru aplikacija odaberite Objavi.

Vratite se s modernog iskustva uređivača bogatog teksta na klasično iskustvo

Ako se morate vratiti na klasično okruženje uređivača obogaćenog teksta, slijedite iste korake u odjeljku Omogućivanje modernog okruženja uređivača obogaćenog teksta, ali poništite odabir mogućnosti koje ste odabrali u četvrtom koraku.

Dodavanje kontrole uređivača obogaćenog teksta u stupac teksta

Sljedeća konfiguracija dostupna je u klasičnom okruženju uređivača obogaćenog teksta.

Kada tekstni stupac oblikujete kao obogaćeni tekst, automatski se dodaje zadana kontrola uređivača obogaćenog teksta.

1. Prijavite se u sustav Power Apps.

2. U lijevom navigacijskom oknu odaberite Rešenja.

3. Otvorite rješenje i tablicu u rješenju.

4. U području Stupci i podaci odaberite stupac teksta.

   Ako tablica ne sadrži stupac teksta, odaberite + (Novi stupac) i unesite naziv stupca.

5. U odjeljku Vrsta podataka odaberite desno od teksta >, a zatim odaberite odgovarajuću mogućnost obogaćenog teksta na temelju toga sadrži li stupac jedan redak teksta ili više redaka. ·

6. Spremite stupac, a zatim ga dodajte u obrazac.

Dodavanje kontrole uređivača obogaćenog teksta u stupac teksta u obrascu

Sljedeća konfiguracija dostupna je u klasičnom okruženju uređivača obogaćenog teksta.

1. Prijavite se u sustav Power Apps.

2. U lijevom navigacijskom oknu odaberite Rešenja.

3. Otvorite rješenje i tablicu u rješenju.

4. U području Doživljaji podataka odaberite Obrasci, a zatim pronađite obrazac koji sadrži stupac teksta u koji želite dodati uređivač obogaćenog teksta.

5. Na novoj kartici ⋮ > odaberite > Uređivanje uređivanja.

6. Na platnu alat za dizajniranje obrazaca odaberite, dodajte ili stvorite stupac teksta.

7. U oknu svojstava stupca proširite popis Komponente, odaberite + Komponenta, a zatim odaberite Kontrola uređivača obogaćenog teksta.

8. U oknu Dodavanje kontrole uređivača obogaćenog teksta odaberite Web , Telefon i tablet da biste aplikacijama koje rade na bilo kojem uređaju omogućili korištenje uređivača.

   Ako želite prilagoditi uređivač, unesite relativni URL njegove konfiguracijske datoteke, JavaScript web-resurs koji sadrži svojstva koja želite promijeniti, u okvir Statička vrijednost . Ako ovo polje ostavite prazno, uređivač koristi zadanu konfiguraciju.

9. Odaberite Gotovo.

10. Odaberite Spremi i objavi da biste primijenili promjene na obrazac.

Prilagodba kontrole uređivača obogaćenog teksta

Sljedeće prilagodbe dostupne su u klasičnom okruženju uređivača obogaćenog teksta.

Power Apps Omogućuje promjenu svojstava kontrole uređivača obogaćenog teksta kako biste prilagodili njezin izgled, značajke i ponašanje. Da biste prilagodili određenu instancu kontrole, navedite svojstva i njihove vrijednosti u pojedinačnoj konfiguracijskoj datoteci oblikovanoj JSON-om. Da biste prilagodili globalnu konfiguraciju kontrole, promijenite svojstva u zadanoj konfiguracijskoj datoteci.

Razine prilagodbe

Za prilagodbu uređivača obogaćenog teksta mogu se primijeniti do tri razine ili slojevi konfiguracije:

1. Na najosnovnijoj razini, svaka instanca kontrole uzima svoju konfiguraciju iz datoteke RTEGlobalConfiguration_Readonly.json. Datoteka je samo za čitanje, tako da ta svojstva ne možete izravno mijenjati.
2. Na sljedećoj razini, svaka instanca kontrole uzima svoju konfiguraciju iz svojstava u datoteci RTEGlobalConfiguration.json, ako postoje. Ova konfiguracija je slojevita na vrhu prethodne, tako da svojstva u ovoj datoteci zamjenjuju ista imenovana svojstva u datoteci samo za čitanje.
3. Konačno, na najvišoj razini, određena instanca kontrole uzima svoju konfiguraciju iz određene konfiguracijske datoteke, ako postoji. Ova konfiguracija je slojevita na vrhu prethodne, tako da svojstva u ovoj datoteci zamjenjuju ista imenovana svojstva u dvije datoteke niže razine.

Moramo dodati malu kvalifikaciju. Nisu sva svojstva zamijenjena onima u konfiguraciji više razine. Svojstva extraPlugins su spojena kako bi se omogućilo korištenje širokog raspona vanjskih i gotovih dodataka u zadanoj konfiguraciji. To vam omogućuje da aktivirate i deaktivirate dodatke prema potrebi u konfiguracijskoj datoteci za određene instance kontrole.

Prilagodba određene instance uređivača obogaćenog teksta

1. U uređivaču Visual Studio koda ili drugog teksta stvorite datoteku i dajte joj smislen naziv.

   Datoteka RTEGlobalConfiguration.json sadrži zadanu ili globalnu konfiguraciju uređivača obogaćenog teksta. Ako prilagođavate kontrolu u, recimo, obrascu kontakta, datoteku možete nazvati poput RTEContactFormConfiguration.json.

2. Kopirajte i zalijepite sljedeće isječak koda u datoteku:

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

   Posljednje svojstvoNaziv:par vrijednosti ne završava zarezom.

3. Zamijenite svojstvoNaziv i vrijednost svojstvima kontrole uređivača obogaćenog teksta koja želite promijeniti. Vrijednosti niza moraju biti u navodnicima.

   Pružili smo vam nekoliko primjera konfiguracija , ali možete definirati druge kako bi odgovarali vašim potrebama.

4. U Power Apps odjeljku stvorite web-resurs tipa JavaScript (JS) pomoću JSON datoteke koju ste stvorili u prvom koraku.

5. Dodajte kontrolu uređivača obogaćenog teksta u stupac teksta u obrascu i u oknu Dodavanje kontrole uređivača obogaćenog teksta > Statička vrijednost) unesite relativni URL JavaScript web-resursa.

   Iako možete unijeti apsolutni URL web-resursa, preporučujemo da unesete relativni URL. Na taj način web-resurs i dalje radi ako ga uvezete kao rješenje u drugo okruženje, pod uvjetom da je relativni put isti.

   Na primjer, ako je https://yourorg.crm.dynamics.com/WebResources/rtecontactform URL web-resursa, relativni URL je /WebResources/rtecontactform.

6. Odaberite Gotovo.

7. Odaberite Spremi i objavi da biste primijenili promjene na obrazac.

Globalna prilagodba uređivača obogaćenog teksta

Globalna konfiguracijska datoteka RTEGlobalConfiguration.json koja se može uređivati druga je razina prilagodbe koju možete primijeniti. Prema zadanim postavkama datoteka je prazna. To znači da sve instance uređivača obogaćenog teksta koriste svojstva u datoteci RTEGlobalConfiguration_Readonly.json samo za čitanje, osim ako ne stvorite konfiguracijsku datoteku za određenu instancu kontrole.

Ako vaše poslovne potrebe zahtijevaju da kontrolu prilagodite svugdje, navedite vrijednosti koje su vam potrebne u RTEGlobalConfiguration.json datoteci. Koristite datoteku samo za čitanje kao primjer kako biste bili sigurni da unosite parove vrijednosti svojstava u pravom obliku.

Sužavanje teksta u uređivaču pomoću kopilota

Kopilot koristi algoritme za obradu prirodnog jezika kako bi poboljšao pisani sadržaj. Kopilot možete dodati uređivaču obogaćenog teksta, a zatim dobiti prijedloge za poboljšanje gramatike, jasnoće ili ukupne kvalitete teksta. Saznajte kako koristiti kopilot u uređivaču obogaćenog teksta.

Uređivač obogaćenog teksta (svojstva)

JSON datoteka koja određuje "izgled i dojam" instance uređivača obogaćenog teksta sadrži dva skupa svojstava:

• Odjeljak defaultSupportedProps sadrži svojstva dodataka koji određuju što kontrola može učiniti. Niste ograničeni samo na svojstva CKEditora i njegovih dodataka. Možete postaviti i vrijednosti za svojstva dodataka koje dodajete ili stvarate.
• Odjeljak pojedinačnih svojstava sadrži svojstva koja određuju kako kontrola izgleda.

Primjer konfiguracijske datoteke

Sljedeći kod je primjer JSON datoteke koja sadrži defaultSupportedProps i svojstva i pojedinačna konfiguracijska svojstva. Ako svojstvo ima zadanu vrijednost, prikazuje se zadana vrijednost. Ako svojstvo nema zadanu vrijednost, prikazuje se ogledna vrijednost koja ilustrira sintaksu. Svojstva su opisana u dvije tablice koje slijede.

"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

Sljedeća tablica opisuje najčešće korištena svojstva, ali možete konfigurirati sva svojstva koja CKEditor podržava. Kontrola uređivača obogaćenog teksta koristi CKEditor 4.

Svojstvo	Opis	Zadana vrijednost
height	Postavlja početnu visinu područja sadržaja u pikselima.	"185"
stickyStyle	Postavlja font i veličinu uređivača.	Pogledajte defaultSupportedProps
stickyStyles_defaultTag	Stvara omotač oko teksta u području sadržaja uređivača. U početku je postavljen na "div", ali možete ga promijeniti u "p" ili bilo koju alternativnu oznaku.	"Div"
font_defaultLabel	Postavlja natpis fonta prikazan na alatnoj traci. Oznaka je samo za izgled i nije funkcionalna. Svojstvo stickyStyle određuje font i veličinu uređivača.	"Segoe UI"
fontSize_defaultLabel	Postavlja oznaku veličine fonta prikazanu na alatnoj traci. Oznaka je samo za izgled i nije funkcionalna. Svojstvo stickyStyle određuje font i veličinu uređivača.	"9"
toolbarLocation	Postavlja mjesto alatne trake u području sadržaja uređivača. Podržane vrijednosti su "vrh" i "dno".	"Dno"
alatna traka	Navodi gumbe alatne trake za prikaz.	Pogledajte defaultSupportedProps
dodaci	Navodi unaprijed postavljene dodatke koje uređivač može koristiti. Dodaci na ovom popisu mogu se razlikovati od učitanih dodataka, ako extraPlugins i removePlugins dobiju vrijednost. Ako postavite ovo svojstvo na prazan niz, uređivač se učitava bez alatne trake.	Pogledajte defaultSupportedProps
extraPlugins	Dodaje dodatke na plugins popis za učitavanje više dodataka. Mnogi dodaci zahtijevaju druge dodatke za rad. Uređivač obogaćenog teksta automatski ih dodaje i ne možete koristiti ovo svojstvo da biste ih nadjačali. Umjesto toga koristite removePlugins .	Pogledajte defaultSupportedProps
removePlugins	Navodi dodatke koji se ne učitavaju. Koristite ga za promjenu učitavanja dodataka bez promjene plugins popisa i extraPlugins .	Pogledajte defaultSupportedProps
superimageImageMaxSize	Postavlja maksimalnu veličinu u megabajtima (MB) dopuštenu za ugrađene slike kada koristite dodatak za superimage.	"5"
disallowedContent	Omogućuje vam da spriječite korisnike da umeću elemente koje ne želite imati u sadržaju. Možete onemogućiti cijele elemente ili atribute, klase i stilove.	Pogledajte defaultSupportedProps
linkTargets	Omogućuje konfiguriranje ciljnih mogućnosti veze koje su korisnicima dostupne prilikom stvaranja veza: - "notSet": Nije postavljen cilj - "okvir": Otvara dokument u navedenom okviru - popupWindow": Otvara dokument u skočnom prozoru - "_blank": Otvara dokument u novom prozoru ili kartici - "_top": Otvara dokument u cijelom tijelu prozora - "_self": Otvara dokument u istom prozoru ili kartici na kojoj je veza aktivirana - "_parent": Otvara dokument u nadređenom okviru	"notSet", "_blank"

Pojedinačna svojstva

U sljedećoj su tablici opisana dodatna svojstva koja možete koristiti za prilagodbu kontrole uređivača obogaćenog teksta.

Svojstvo	Opis	Zadana vrijednost
attachmentEntity	Da biste nametnuli veću sigurnost prenesenih datoteka pomoću tablice koja nije zadana, postavite ovo svojstvo i navedite drugu tablicu. Sintaksa: "naziv": "nazivtablice", "nazivdatotekeAttributeName": "attributeNameofBlobReference"	Pogledajte defaultSupportedProps
disableContentSanitization	Sanifikacijom sadržaja uklanjaju se neki prilagođeni atributi ili oznake iz sadržaja obogaćenog teksta. Onemogućen je prema zadanim postavkama kako bi se omogućilo kopiranje i lijepljenje sadržaja obogaćenog teksta iz vanjskih izvora. Ovo svojstvo odnosi se samo na način uređivanja. Kada je kontrola uređivača samo za čitanje ili onemogućena, sadržaj se uvijek dezinficira.	true
disableDefaultImageProcessing	Prema zadanim postavkama, slike umetnute u uređivač prenose se na definirano u attachmentEntity konfiguraciji. Vanjskim korisnicima možda nedostaju ovlasti za prikaz sadržaja u tablici. Umjesto toga, postavite ovo svojstvo na true za spremanje slika kao base64 nizova izravno u stupac konfiguriran za korištenje kontrole uređivača obogaćenog teksta.	pogrešno
disableImages	Određuje mogu li se slike umetnuti u uređivač. Ovaj objekt ima najveći prioritet. Kada je ovo svojstvo postavljeno imageEntity na true, slike se onemogućuju, bez obzira na vrijednost svojstva.	pogrešno
externalPlugins	Navodi vanjske dodatke ili dodatke koje stvorite, a koji se mogu koristiti u kontroli uređivača obogaćenog teksta. Sintaksa: "naziv": "pluginName", "path": "pathToPlugin" (vrijednost puta može biti apsolutni ili relativni URL)	Nijedan; pogledajte primjer defaultSupportedProps
imageEntity	Da biste nametnuli veću sigurnost slika pomoću tablice koja nije zadana, postavite ovo svojstvo i navedite drugu tablicu. Sintaksa: "imageEntityName": "tableName", "imageFileAttributeName": "attributeNameofBlobReference"	Pogledajte defaultSupportedProps
readOnlySettings	Ta svojstva određuju ponašanje stupca kada se gleda u stanju samo za čitanje ili onemogućeno. Možete navesti bilo koje podržano svojstvo.	Nijedan; pogledajte primjer defaultSupportedProps
sanitizerAllowlist	Navodi druge vrste sadržaja koje se mogu prikazati u uređivaču.	Pogledajte defaultSupportedProps
showAsTabControl	Omogućuje prikaz više naredbi iznad područja sadržaja. Da biste koristili sljedeća svojstva, morate biti postavljeni na true: showFullScreenExpander, showHtml, showPreview, showPreviewHeaderWarning	pogrešno
showFullScreenExpander	Određuje može li se uređivač koristiti preko cijelog zaslona. showAsTabControl mora biti postavljeno na true.	pogrešno
showHtml	Omogućuje korisnicima izravan prikaz i uređivanje HTML sadržaja. showAsTabControl mora biti postavljeno na true.	pogrešno
showPreview	Omogućuje korisnicima pretpregled sadržaja uređivača prikazanog kao HTML. showAsTabControl mora biti postavljeno na true.	pogrešno
showPreviewHeaderWarning	Omogućuje prikazivanje ili skrivanje poruke upozorenja prikazane prilikom pretpregleda sadržaja. showAsTabControl i showPreview mora biti postavljena na istinu.	pogrešno
allowSameOriginSandbox	Omogućuje da se sadržaj u uređivaču tretira kao da je istog podrijetla kao i aplikacija za renderiranje. Koristite ovo svojstvo s oprezom. Koristite samo pouzdani vanjski sadržaj. Kada je ovo svojstvo postavljeno na true, bilo koji vanjski sadržaj može imati pristup internim resursima.	pogrešno

Primjeri konfiguracija

Sljedeće ogledne konfiguracije stvaraju određene prilagodbe uređivača obogaćenog teksta u klasičnom iskustvu. Možete ih koristiti takve kakve jesu ili kao odskočnu točku za prilagodbu određene instance uređivača obogaćenog teksta ili globalno.

Postavljanje zadanog fonta na Calibri od 11 točaka

Postavite ta defaultSupportedProps svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Umetanje tipke Enter novog retka umjesto bloka odlomka

Pritiskom na tipku Enter po zadanom se stvara blok odlomka s <p> HTML oznakom. HTML koristi blokove odlomaka za grupiranje informacija, poput odlomaka u dokumentu programa Word. Preglednici mogu oblikovati <p> oznaku malo drugačije, pa biste za vizualnu dosljednost umjesto toga mogli koristiti novu oznaku oznake <br\> prijeloma retka ili retka.

Postavite ovo defaultSupportedProps svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

"enterMode": 2,

Lijepljenje ili stvaranje samo HTML 5 sadržaja

Iako kontrola uređivača obogaćenog teksta najbolje funkcionira sa sadržajem HTML 5, možete koristiti HTML 4 oznake. U nekim slučajevima, međutim, miješanje HTML 4 i HTML 5 oznaka može stvoriti izazove upotrebljivosti. Da biste bili sigurni da je sav sadržaj HTML 5, navedite sve podržane HTML 5 oznake u allowedContent svojstvu. Kontrola uređivača pretvara sve nekompatibilne oznake u njihov ekvivalent HTML 5.

Postavite ovo defaultSupportedProps svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

"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(*)[*]{*};",

Lijepljenje ili stvaranje samo običnog teksta

Postavite ta defaultSupportedProps svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Postavite ovo pojedinačno svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

"disableImages": true,

Dopusti uređivaču korištenje cijelog zaslona

Postavite ta pojedinačna svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Dopusti prikaz i uređivanje HTML sadržaja

Da biste korisnicima omogućili izravan prikaz i uređivanje HTML-a sadržaja, prikažite karticu HTML .

Postavite ta pojedinačna svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Prikaz pojednostavljene alatne trake ili njezino potpuno uklanjanje

Prema zadanim postavkama alatna traka uređivača sadrži sve dostupne alate za oblikovanje. Da biste omogućili pojednostavljenu alatnu traku, koristite toolbar svojstvo i odredite alate koje korisnici mogu koristiti za oblikovanje sadržaja.

Postavite ovo defaultSupportedProps svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

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

Da biste u potpunosti uklonili alatnu traku, postavite vrijednost toolbar na '[]' (dvije uglate zagrade).

Dodajte novi popis fontova i postavite 20-pikselni Brush Script MT kao zadani font

Postavite ta defaultSupportedProps svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Postavljanje alatne trake na vrh uređivača obogaćenog teksta

Postavite ovo defaultSupportedProps svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

"toolbarLocation": "top",

Pokrenite uređivač na visini od 30 piksela i narasti kako bi odgovarao sadržaju

Postavite ta defaultSupportedProps svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Popravite visinu uređivača na 500 piksela

Postavite ta defaultSupportedProps svojstva u konfiguracijskoj datoteci. Nakon svake vrijednosti osim posljednje treba slijediti zarez (,).

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

Postavljanje kontekstnog izbornika (klik desnom tipkom miša) pomoću zadanog kontekstnog izbornika preglednika

Da biste kontekstni izbornik kontrole uređivača zamijenili zadanim kontekstnim izbornikom preglednika, uklonite dodatak kontekstnog izbornika.

Postavite ovo defaultSupportedProps svojstvo u konfiguracijsku datoteku. Slijedite ovu vrijednost zarezom (,), osim ako je to posljednje svojstvo u datoteci.

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

Pronalaženje konfiguracije kontrole uređivača obogaćenog teksta

Ako niste sigurni odakle dolazi konfiguracija instance uređivača obogaćenog teksta, možete je pronaći pomoću razvojnih alata preglednika.

1. U pregledniku Microsoft Edge Google Chrome ili Google Chromeu pokrenite aplikaciju stvorenu prema modelu i otvorite obrazac s kontrolom uređivača obogaćenog teksta.
2. Desnom tipkom miša kliknite područje sadržaja uređivača obogaćenog teksta, a zatim odaberite Provjeri.
3. U oknu za pregled odaberite karticu Konzola .
4. Odaberite nadređenu stranicu Main.aspx u okviru popisa na naredbenoj traci.

1. Odaberite ikonu Očisti konzolu na naredbenoj traci okna za pregled, a zatim unesite CKEDITOR.config. u konzoli.

1. Na konzoli okna za pregled unesite CKEDITOR.config. za prikaz različitih konfiguracija.

1. Odaberite konfiguraciju, kao što je autoGrow_minHeight, za prikaz trenutne postavke.

Alatna traka uređivača obogaćenog teksta

U sljedećoj su tablici opisani alati za oblikovanje koji su prema zadanim postavkama dostupni u uređivaču obogaćenog teksta.

Icon	Ime/naziv	Tipkovni prečac	Opis
	Kopiranje oblikovanja	Ctrl+Shift+C, Ctrl+Shift+V	Primijenite izgled određenog odjeljka na drugi odjeljak.
	Naziv fonta	Ctrl+Shift+F	Odaberite font. Aplikacija uzima u obzir font koji odaberete kao zadani font. Segoe UI je zadani font ako ga ne odaberete. Kada odaberete oblikovani sadržaj, prikazat će se naziv fonta primijenjenog na njega. Ako odabir sadrži više fontova, prikazat će se prvi primijenjen na označeno.
	Veličina fonta	Ctrl + Shift + P	Promijenite veličinu teksta. Aplikacija uzima u obzir veličinu fonta koju odaberete zadanu veličinu. 12 je zadana veličina ako je ne odaberete. Kada odaberete oblikovani sadržaj, prikazat će se veličina fonta primijenjena na njega. Ako odabir sadrži više veličina, prikazat će se prva primijenjena na odabir.
	Bold	Ctrl + B	Podebljajte tekst.
	Italic	Ctrl + I	Napišite tekst u kurzivu.
	Podvučeno	Ctrl + U	Podcrtajte tekst.
	Boja pozadine		Istaknite svoj tekst svijetlom bojom.
	Boja teksta		Promijenite boju teksta.
	Umetni/ukloni popis s grafičkim oznakama		Stvaranje popisa s grafičkim oznakama.
	Umetni/ukloni numerirani popis		Stvaranje numeriranog popisa.
	Smanji uvlaku		Pomaknite odlomak bliže margini.
	Povećaj uvlaku		Odmaknite svoj odlomak dalje od margine.
	Izdvojeni citat		Primijenite oblik navodnika na razini bloka na svoj sadržaj.
	Poravnaj ulijevo	Ctrl+L	Poravnajte svoj sadržaj s lijevom marginom.
	Poravnanje po sredini	Ctrl+E	Centrirajte svoj sadržaj na stranici.
	Poravnaj udesno	Ctrl+R	Poravnajte svoj sadržaj s desnom marginom.
	Poveži		Stvorite vezu u dokumentu za brzi pristup web-stranicama i drugim resursima u oblaku. Unesite ili zalijepite usidreni tekst u okvir Prikaži tekst, a zatim unesite ili zalijepite URL u okvir URL . Po želji odaberite vrstu veze i protokol ako je veza povezana s nečim drugim, a ne s web-stranicom. Da biste odredili gdje bi se veza vrste URL-a trebala otvoriti, odaberite karticu Cilj , a zatim cilj. · Zalijepljeni ili upisani URL automatski se pretvara u vezu. Na primjer, http://myexample.com postaje <a href="http://myexample.com">http://myexample.com</a>.
	Poništi vezu		Uklonite vezu sa sidra i učinite je običnim tekstom.
	Eksponent		Upišite mala slova malo iznad retka teksta.
	Indeks		Upišite mala slova malo ispod retka teksta.
	Precrtaj		Precrtajte tekst crtajući liniju kroz njega.
	Image		Da biste umetnuli sliku, zalijepite je iz međuspremnika u područje sadržaja ili povucite slikovnu datoteku iz mape u područje sadržaja. Povucite bilo koji kut slike da biste joj promijenili veličinu. Kontrola podržava .png, .jpg., i .gif slike. Da biste imali veću kontrolu nad izvorom, izgledom i ponašanjem slike, odaberite gumb Slika . Dođite do slikovne datoteke u lokalnoj mapi ili unesite njezin URL. Ako je slika pohranjena na vanjskom poslužitelju, unesite apsolutni put. Ako se nalazi na lokalnom poslužitelju, možete unijeti relativni put. Po želji unesite određenu visinu i širinu da biste promijenili veličinu slike i odaberite poravnanje. Također biste trebali unijeti zamjenski tekst da biste opisali sliku za osobe koje koriste čitače zaslona. Ako je slika ujedno i veza na web-stranicu ili drugi resurs u oblaku, unesite URL resursa u okvir Ciljni URL i po potrebi odaberite cilj na kojem bi se veza trebala otvoriti.
	Smjer teksta slijeva udesno		Promijenite tekst slijeva nadesno. Ova je postavka zadana.
	Smjer teksta zdesna ulijevo		Promijenite tekst zdesna nalijevo za dvosmjerni jezični sadržaj.
	Poništi		Preokrenite posljednju promjenu sadržaja.
	Ponovi poništeno		Poništite posljednje poništavanje ili ponovno primijenite posljednju promjenu koju ste napravili na sadržaju.
	Ukloni format		Uklonite sva oblikovanja iz odabranog teksta.
	Table		Umetnite tablicu s brojem redaka i stupaca koje odaberete. Da biste imali veću kontrolu nad veličinom i izgledom tablice, odaberite gumb Tablica > Više i promijenite njezina svojstva. Možete i desnom tipkom miša kliknuti tablicu da biste vidjeli i promijenili njezina svojstva. Da biste promijenili širinu stupca, povucite njegov obrub. Možete odabrati jednu ili više ćelija, redaka ili stupaca i primijeniti određeno oblikovanje, dodati vezu odabranom tekstu te izrezati, kopirati i zalijepiti cijele retke ili stupce.
	Postavke personalizacije		Postavite zadani font i veličinu fonta.
	Pomoć za pristupačnost	Alt + 0	Otvorite popis tipkovnih prečaca koje možete koristiti u uređivaču obogaćenog teksta.
	Proširi alatnu traku		Kada je prozor preuzak za prikaz cijele alatne trake, odaberite da biste proširili alatnu traku na drugi redak.

Savjet

Da biste koristili ugrađeni alat za provjeru pravopisa u pregledniku, pritisnite tipku Ctrl dok desnom tipkom miša klikate tekst koji želite provjeriti. U suprotnom, izbornik koji se otvara klikom desnom tipkom miša (kontekstni) pruža kontekstualno oblikovanje odabranog elementa.
Alternativa ugrađenoj provjeri pravopisa u pregledniku je proširenje preglednika Microsoft Editor. Microsoft Editor besprijekorno radi s kontrolom uređivača obogaćenog teksta, a kada je omogućen, pruža brze i jednostavne mogućnosti umetnute gramatike i provjere pravopisa.

Izvanmrežno korištenje uređivača obogaćenog teksta

Kontrola uređivača obogaćenog teksta dostupna je kada radite izvanmrežno, iako bez nekih značajki i funkcija na koje ste navikli. Slike koje prenesete pomoću zadane konfiguracije uređivača nisu dostupne u izvanmrežnom načinu rada.

Sljedeći dodaci dostupni su uređivaču obogaćenog teksta kada je izvan mreže:

• Ajax, autogrow, osnovni stilovi, bidi, blockquote, gumb, confighelper, contextmenu, dijalog, dialogui, editorplaceholder, enterkey, entiteti, fakeobjects, floatingspace, floatpanel, format, horizontalrule, htmlwriter, uvlaka, indentblock, indentlist, opravdati, lineutils, popis, blok popisa, maksimizirati, izbornik, izbornik, izbornik, obavijest, notificationagregator, ploča, panel, skočni prozor, pregled, ukloniformat, promjena veličine, richcombo, selectall, showborders, sourcearea, specialchar, stylescombo, kartica, podudaranje teksta, TextWatcher, alatna traka, poništavanje, odabir widgeta, wysiwygarea, xml

Sljedeći alati za oblikovanje dostupni su u uređivaču obogaćenog teksta kada je izvan mreže:

• Podebljano, kurzivno, podcrtano, popisi s grafičkim oznakama i numerirani popisi, smanjivanje i povećanje uvlake, blokiranje citata, poravnanje lijevo, poravnanje po sredini, poravnanje desno, precrtano, dvosmjerni tekst, poništavanje i ponavljanje poništenog te uklanjanje oblikovanja

Najbolji primjeri za upotrebu uređivača obogaćenog teksta

• Polja obogaćenog teksta pohranjuju HTML oznake za oblikovanje zajedno s podacima koje je unio korisnik. Kada postavite maksimalnu veličinu polja obogaćenog teksta, svakako dopustite i HTML oznake i korisničke podatke.

• Za najbolje performanse zadržite HTML sadržaj na 1 MB ili manje. U većim veličinama možete primijetiti sporije vrijeme odziva za učitavanje i uređivanje.

• U zadanoj konfiguraciji slike ne utječu negativno na performanse jer se pohranjuju odvojeno od HTML sadržaja. Međutim, slike se pohranjuju kao sadržaj base64 u stupcu teksta kada korisnik koji ih prenese nema dozvole na msdyn_richtextfiles tablici. Sadržaj base64 je velik, tako da općenito ne želite spremati slike kao dio sadržaja stupca.

• Ako imate administratora sustava ili osnovnu korisničku sigurnosna uloga, značajka personalizacije korisnika radi prema zadanim postavkama. Ako nemate te uloge, morate imati ovlasti za stvaranje, čitanje i pisanje na msdyn_customcontrolextendedsettings tablici da bi dodatak za personalizaciju korisnika funkcionirao.

Najčešća pitanja

Zašto se upisani znakovi sporo prikazuju?

Ako u uređivaču imate puno sadržaja, vrijeme odziva može se povećati. Zadržite sadržaj na 1 MB ili manje za najbolje performanse. Provjere pravopisa ili gramatike također mogu usporiti izvedbu tipkanja.

Zašto ne mogu prenijeti sliku? Zašto se pretpregled slike ne učitava?

Ako je naziv slikovne datoteke, uključujući put, dugačak, datoteka se možda neće moći prenijeti ili pretpregled možda neće biti prikazan. Pokušajte skratiti naziv datoteke ili ga premjestiti na mjesto s kraćim putem, a zatim ga ponovno prenesite.

Zašto se u tekstu prikazuje HTML?

Ako se kontrola uređivača obogaćenog teksta koristi u stupcu koji nije oblikovan za obogaćeni tekst, sadržaj se pojavljuje u HTML-u u podlozi umjesto kao oblikovani tekst.

Da biste riješili taj problem, provjerite je li oblik stupca postavljen na Obogaćeni tekst.

Pogledajte

• Izrada i uređivanje stupaca rješenja Microsoft Dataverse s pomoću portala platforme Power Apps
• Korištenje kopilota u uređivaču obogaćenog teksta za e-poštu

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).