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

Napomena

Na snazi od studenog 2020.:

  • Common Data Service preimenovan je u Microsoft Dataverse. Saznajte više
  • Neka je terminologija u usluzi Microsoft Dataverse ažurirana. Na primjer, sada je entitet preimenovan u tablica, a polje u stupac. Saznajte više

Ovaj će se članak uskoro ažurirati kako bi sadržavao najnoviju terminologiju.

Kontrola uređivača obogaćenog teksta korisniku aplikacije daje područje za uređivanje WYSIWYG za oblikovanje teksta. Ulazni i izlazni format kontrole je HTML. Kontrola omogućuje kopiranje obogaćenog teksta, primjerice iz web-preglednika ili Worda, koji će se zalijepiti u kontrole.

Dostupne su i sljedeće mogućnosti formata:

  • Podebljano, kurziv, podcrtano i precrtano
  • Boja teksta, boja za isticanje
  • Vrsta i veličina fonta
  • Numerirane popise i nabrojane popise
  • Hiperveze
  • Tablice
  • Slike

Potpuni popis zadanih opcija potražite u odjeljku Upotreba alatne trake uređivača obogaćenog teksta.

Rich text control editor in a model-driven app

Dodavanje ili zamjena stupca s tekstom uređivanjem obogaćenog teksta

Možete izraditi novi stupac s tekstom i konfigurirati kontrole ili zamijeniti postojeći stupac s tekstom. Kontrola uređivača obogaćenog teksta može se upotrijebiti zajedno sa stupcima s tekstom u jednom retku ili više njih.

  1. Prijavite se u sustav Power Apps. Otvorite Rješenja, otvorite rješenje koje želite, otvorite tablicu koju želite, a zatim odaberite karticu Obrasci.

  2. Odaberite obrazac, a zatim odaberite Uredi obrazac.

  3. U alatu za dizajniranje obrasca u naredbenoj traci odaberite Prebacivanje na klasični način.

  4. Na naslijeđenom radnom području alata za dizajniranje obrazaca dodajte ili izradite stupac s tekstom ili odaberite postojeći stupac s tekstom, kao što je stupac Opis tablice računa. Zatim na kartici Početno odaberite Promijeni svojstva.

  5. Na stranici Svojstva stupca odaberite karticu Kontrole, a zatim Dodavanje kontrole.

  6. Odaberi Kontrola uređivača obogaćenog teksta, a zatim odaberite Dodaj.

  7. Odaberite Web, Telefon i Tablet ako želite da sve klijentske aplikacije imaju mogućnost upotrebe obogaćenog teksta u stupcu. Zatim odaberite U redu za upotrebu zadane konfiguracije kontrole uređivača obogaćenog teksta. Ako želite promijeniti konfiguraciju kontrole uređivača obogaćenog teksta, pogledajte Konfiguracijske mogućnosti kontrole uređivača obogaćenog teksta.

    Rich text control editor configuration
  8. Spremite i objavite obrazac.

Mogućnosti konfiguriranja kontrole uređivača obogaćenog teksta

Kontrola uređivača obogaćenog teksta dolazi s bogatim nizom konfiguracijskih opcija koje omogućuju prilagodbu izgleda, značajki i ponašanja. Da biste konfigurirali kontrolu uređivača obogaćenog teksta, slijedite ove korake:

  1. Stvorite datoteku JSON koja uključuje strukturu defaultSupportedProps i konfiguraciju s promjenama koje želite. Dodatne informacije: Uzorak konfiguracija uređivača obogaćenog teksta i Svojstva uređivača obogaćenog teksta
  2. Na servisu Power Apps izradite web-resurs vrste Script(JScript) koji upotrebljava JSON datoteku izrađenu u 1. koraku. Više informacija: Stvaranje ili uređivanje web-resursa aplikacije stvorene prema modelu radi produživanja aplikacije
  3. Otvorite stranicu Svojstva stupca za stupac s tekstom s kontrolom uređivača obogaćenog teksta, a zatim pokraj opcije RichTextEditorControl_URL odaberite Uredi.

    URL kontrole uređivača obogaćenog teksta.

  4. Odaberite Veži za statičku vrijednost, unesite pripadajući URL na web-resurs JavaScript u okvir pored SingleLine.URL, a zatim odaberite U redu. Pripadajući URL nalazi se u definiciji web izvora.
  5. Odaberite U redu da biste zatvorili stranicu Svojstva stupca.
  6. Na naredbenoj traci uređivača obrasca odaberite Objavi.

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

Pri korištenju uređivača obogaćenog teksta uzmite u obzir sljedeće:

  • Najbolja izvedba postiže se kada je veličina HTML sadržaja 1 MB ili manje. Kada veličina vašeg HTML sadržaja prekorači 1 MB, mogli biste primijetiti sporije vrijeme odziva za učitavanje i uređivanje sadržaja. Prema zadanim postavkama, slikovni sadržaj postaje referenca u HTML sadržaju, ali nije pohranjen kao dio HTML sadržaja, tako da u zadanoj konfiguraciji slike nemaju negativan utjecaj na izvedbu.

  • Polja obogaćenog teksta pohranit će HTML oznake potrebne za formatiranje zajedno s podacima koje je unio korisnik. Prilikom postavljanja maksimalne veličine za svoje polje, pripazite da dodijelite dovoljno veliku veličinu i za HTML oznake i za podatke koje su unijeli korisnici.

  • Prema zadanim postavkama, uređivač obogaćenog teksta prenijet će slike u spremište Azure Blob i one se neće pohraniti kao dio polja. Slike će se pohraniti u isto polje kao base64 kada podnositelj nema dozvole za entitet msdyn_richtextfiles. Sadržaj Base64 izuzetno je velik, tako da uglavnom ne želite pohranjivati slike kao base64.

Uređivač obogaćenog teksta (svojstva)

Datoteka JSON sastoji se od svojstava postavljenih kao parovi imena i vrijednosti. Postoje dvije vrste konfiguracija: zadani odjeljakSupportedProps i pojedinačne postavke konfiguracije koje pružaju različite funkcije.

DefaultSupportedProps skup je svojstava dodataka i uključuje podršku za sve konfiguracije CKEditor. Dodatne informacije potražite u odjeljku defaultSupportProps. DefaultSupportedProps nije ograničen samo na svojstva dodataka dokumentirana iz CKEditora, već vam omogućuje i postavljanje svojstava za dodatne dodatke koje dodate ili izradite. Više informacija o dodacima pogledajte u Upotreba dodataka za proširenje poslovnih procesa.

Pojedinačne postavke konfiguracije omogućuju vam promjenu ponašanja i funkcioniranja vašeg uređivača.

Vizualni prikaz konfiguracijske datoteke uređivača obogaćenog teksta

Sljedeće dvije slike vizualno identificiraju dva odjeljka za konfiguraciju. Potpunu konfiguracijsku datoteku potražite u odjeljku Upotreba web-resursa za promjene u cijeloj tvrtki ili ustanovi.

defaultSupportedProps

vizualni prikaz konfiguracije defaultsupportedprops.

Postavke individualne konfiguracije

Vizualni prikaz postavki individualne konfiguracije.

defaultSupportedProps

U okviru ovog svojstva možete konfigurirati sva svojstva koja podržava CKEditor. Nekoliko najčešće korištenih i prilagođenih konfiguracija opisano je u nastavku. Potpunu dokumentaciju o konfiguracijama CKEditor potražite u CKEditor.config.

Atribut Opis Zadana vrijednost
height

Postavlja početnu visinu uređivača sadržaja. Zadana vrijednost je 185 piksela.

"height": 185

font_defaultLabel

Postavlja zadanu oznaku koja se prikazuje na alatnoj traci za stil fonta. Zadana vrijednost je Segoe UI.

"font_defaultLabel": "Segoe UI"

fontSize_defaultLabel

Postavlja zadanu oznaku koja se prikazuje na alatnoj traci za veličinu fonta. Zadana vrijednost je 9.

"fontSize_defaultLabel": "9"

stickyStyle

Postavlja stvarnu zadanu veličinu i stil fonta. Osim toga, možete uključiti bilo koja druga CSS svojstva koja želite postaviti kao dio zadanog stila.

Dodatak stickyStyle stvara omot oko vašeg sadržaja pomoću elementa navedenog u odjeljku "stickyStyles_defaultTag" koji je u početku konfiguriran kao "div".

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

Lokacija korisničkog sučelja na kojem će se generirati alatna traka. Podržane vrijednosti su vrh i dno. Zadana vrijednost je donja vrijednost.

"toolbarLocation": "bottom"

alatna traka

Popis gumba na alatnoj traci koji će se učitati.

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

dodaci

Popis dodataka odvojenih zarezom koji se upotrebljavaju u instanci uređivača. Imajte na umu da na stvarne učitani dodatci mogu utjecati još dvije postavke: extraPlugins i removePlugins.

Ažuriranje ove postavke moglo bi ukloniti dodatke s alatne trake. Ako postavite ovo svojstvo na prazan niz, uređivač će se učitati bez alatne trake.

Ako želite dodati jedan ili više dodataka na alatnu traku, preporučujemo da koristite extraPlugins. Ako želite ukloniti jedan ili više sa zadanog popisa, koristite 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

Popis dodatnih dodataka za učitavanje odvojenih zarezom. Ova postavka olakšava dodavanje novih dodataka, a da se ne mijenjaju postavke dodataka.

Postoji mnogo dodataka potrebnih za rad ostalih dodataka. Na primjer, dodatak za dijalog potreban je za dodatak za vezu. Uređivač obogaćenog teksta automatski ih dodaje, a ažuriranjem ovog svojstva ne možete ih poništiti. Ova će postavka jednostavno dodati nove dodatke na prethodni popis.

Ako želite ukloniti bilo koju od unaprijed postavljenih postavki, preporučujemo da koristite svojstvo removePlugins.

"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

Popis dodataka koji se ne smiju učitati. Ova postavka omogućuje izbjegavanje učitavanja nekih dodataka definiranih u postavci dodataka/dodatnih dodataka, a da ih ne morate dodirivati.

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

superimageImageMaxSize

Maksimalna veličina u megabajtima (MB) dopuštena za ugrađene slike kada se upotrebljava dodatak za supersliku. Zadana vrijednost je 5.

"superimageImageMaxSize": 5

Postavke individualne konfiguracije

Možete konfigurirati dodatne postavke konfiguracije koje utječu na funkcioniranje vašeg uređivača.

Atribut Opis Zadana vrijednost
disableContentSanitization

"disableContentSanitization": false

disableDefaultImageProcessing

Prema zadanim postavkama, slike će se učitati pomoću klijenta API. Čim se slika doda u uređivač, učitat će se na platformu. Ovo svojstvo postavite na valjano za obradu slika.

"disableDefaultImageProcessing": false

disableImages

Postavljanje ovog svojstva na valjano onemogućit će slike. Ovo će svojstvo imati najveći prioritet. To znači da kada je ovo svojstvo postavljeno na valjano, bez obzira na vrijednost svojstva imageEntity, slike će biti onemogućene. Slike su omogućene prema zadanim postavkama.

"disableImages": false

externalPlugins

Upotrebom ovog svojstva možete napisati vlastite dodatke i koristiti ih u kontroli uređivača obogaćenog teksta.

Nema zadane vrijednosti jer na ovaj način možete proširiti svoju funkcionalnost dodavanjem dodatnih dodataka koji nisu izvorno osigurani.

Primjer:

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

Primjer:

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

Postavljanjem ovog svojstva možete izbjeći upotrebu zadane tablice za slike tako da možete primijeniti dodatnu sigurnost ako je to potrebno.

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

Postavljanjem ovog svojstva možete prikazati dodatne naredbe iznad prozora uređivača.

Mora biti postavljeno na true da bi se omogućili sljedeći atributi:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false

showFullScreenExpander

Ovo svojstvo dodaje funkciju proširenja / sažimanja preko cijelog zaslona što vam omogućuje proširivanje i upotrebu uređivača u načinu cijelog zaslona.

Ovisi o showAsTabControl postavljenom na true.

"showFullScreenExpander": false

showHtml

Ovo svojstvo dodaje mogućnost izravnog prikaza i uređivanja html sadržaja.

Ovisi o showAsTabControl postavljenom na true.

"showHtml": false

showPreview

Ovo svojstvo dodaje mogućnost pretpregleda sadržaja uređivača koji se prikazuje u html formatu. Pretpregled vam omogućuje da vidite kako će se prikazivati vaš sadržaj ako ga dijelite i prikazujete kao HTML izvan uređivača.

Ovisi o showAsTabControl postavljenom na true.

"showPreview": false

showPreviewHeaderWarning

Ovo svojstvo omogućuje vam prikazivanje / skrivanje poruke upozorenja koja se prikazuje prilikom pretpregleda sadržaja.

Ovisi o showAsTabControl i showPreview postavljenima na true.

"showPreviewHeaderWarning": false

Uzorak konfiguracija uređivača obogaćenog teksta

Sljedeći uzorak podataka koda konfiguracije uređivača obogaćenog teksta može se koristiti za omogućavanje određenih vrsta iskustava obogaćenog teksta. Za svaki uzorak izradite JSON web-resurs. Dodatne informacije: Mogućnosti konfiguracije kontrole uređivača obogaćenog teksta

Dodavanje proširivača preko cijelog zaslona

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

Kontrola proširivača zaslona.

Dodavanje kartice prikaza HTML izvora

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

Kontrola HTML kartice.

Dodavanje jednostavne alatne trake s veličinom fonta, podebljanjem, kurzivom, podcrtavanjem i isticanjem

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

Kontrole za jednostavni uređivač.

Uklanjanje alatne trake radi stvaranja površine za prikaz obogaćenog teksta

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

Bez alatne trake.

Dodavanje novog popisa fontova i postavljanje fonta Brush Script MT kao zadanog sa zadanom veličinom od 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"}  }}

Postavljanje novog zadanog fonta.

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

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

Alatna traka postavljena na vrh uređivača obogaćenog teksta.

Započinjanje s uređivačem na visini od 30 px, a zatim automatsko povećavanje u skladu sa sadržajem

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

Upisivanje u područje obogaćenog teksta povećat će ga da odgovara sadržaju.

Podešavanje visine uređivača na 500 px

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

S podešenom visinom, uređivač ostaje na istoj visini. Kad se doda dovoljno sadržaja, pojavit će se klizač.

Izradite površinu običnog teksta koja uklanja sve html oznake (osim oznake "br")

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

Izrada obične tekstualne površine stvara trake html.

Uklonite kontekstni izbornik tako da će klik desnim klikom raditi sa zadanom provjerom pravopisa u pregledniku

Omogućivanjem ove funkcije uklanja se mogućnost uređivanja kontekstualnog desnog klika.

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

Uklonite kontekstni izbornik tako da će klik desnim klikom raditi sa zadanom provjerom pravopisa u pregledniku.

Upotreba web-resursa za promjene u cijeloj tvrtki ili ustanovi

Zadani RTE web-resurs dostupan je uz zaslonsko ime RTEGlobalConfiguration.json. Ova se konfiguracija koristi za sve instance RTE kontrole i može se koristiti za promjene u cijeloj tvrtki ili ustanovi. To uključuje RTE koji se koristi u bilješkama s bogatim tekstom na vremenskoj traci, upravljanje bazom znanja i pojedinačna i višeredna polja koja su konfigurirana za upotrebu RTE kontrole.

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

Pronalaženje trenutne postavke za konfiguraciju uređivača obogaćenog teksta

  1. U web-pregledniku Microsoft Edge ili Google Chrome pokrenite aplikaciju stvorenu prema modelu i otvorite obrazac koji sadrži kontrolu uređivača obogaćenog teksta, kao što je redak računa.

  2. Držite pritisnuto Ctrl dok klikate područje kontrole uređivača obogaćenog teksta, a zatim odaberite Pregled.

  3. U oknu za pregled odaberite karticu Konzola, a zatim odaberite nadređenu stranicu Main.aspx u okviru s padajućim popisom na naredbenoj traci.

    Odabir kartice Konzola, a zatim odabir nadređene stranice main.aspx u okviru s padajućim popisom.

  4. Odaberite Uklanjanje konzole na naredbenoj traci okna za pregled.

    Naredba za uklanjanje konzole.

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

    Popis konfiguracija za CK uređivač.

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

Upotreba alatne trake uređivača obogaćenog teksta

Alatna traka uređivača obogaćenog teksta pruža značajke i funkcionalnost koje vam omogućuju rad s formatom obogaćenog teksta u bilješkama i e-pošti.

Mogućnosti oblikovanja

Sljedeća tablica opisuje različite značajke oblikovanja i opcije funkcionalnosti koje su dostupne u uređivaču obogaćenog teksta koji možete koristiti u bilješkama i e-pošti.

Napomena

Kontekstnom izborniku preglednika možete pristupiti odabirom tipke Ctrl + desni klik. Ovo je korisno ako trebate koristiti ugrađenu provjeru pravopisa u pregledniku. U suprotnom možete kliknuti desnom tipkom miša kako biste pružili kontekstualno oblikovanje bilo kojeg elementa koji koristite.

Icon Ime/naziv Tipkovni prečac Opis
Prenositelj oblikovanja. Prenositelj oblikovanja Ctrl+Shift+C, Ctrl+Shift+V Primijenite izgled određenog odjeljka na drugi odjeljak.
Font. Font Ctrl+Shift+F Odaberite željeni font. Zadani font je Segoe UI.

Bilješka: Kad odaberete bilo koji formatirani sadržaj, prikazuje se naziv fonta za taj sadržaj. Ako odaberete više fontova, prikazat će se najviši naziv fonta kojeg ste odabrali.
Veličina fonta. Veličina fonta Ctrl + Shift + P Promijenite veličinu teksta. Zadana veličina je 12.

Bilješka: Kad odaberete bilo koji formatirani sadržaj, prikazuje se veličina fonta za taj sadržaj. Ako odaberete više veličina fontova, prikazat će se najviši naziv fonta kojeg ste odabrali.
Podebljano. Bold Ctrl + B Podebljajte tekst.
Kurziv. Italic Ctrl + I Napišite tekst u kurzivu.
Podcrtano. Podvučeno Ctrl + U Podcrtajte tekst.
Boja za isticanje teksta. Boja za isticanje teksta Istaknite svoj tekst svijetlom bojom.
Boja fonta. Boja fonta Promijenite boju teksta.
Grafičke oznake. Grafičke oznake Stvaranje popisa s grafičkim oznakama.
Numeriranje. Numeriranje Stvaranje numeriranog popisa.
Smanjivanje uvlake. Smanji uvlaku Pomaknite odlomak bliže margini.
Povećavanje uvlake. Povećaj uvlaku Odmaknite svoj odlomak dalje od margine.
Izdvojeni citat. Izdvojeni citat Primijenite format navodnika na razini bloka na svoj sadržaj.
Poravnanje ulijevo. Poravnaj ulijevo Ctrl+L Poravnajte svoj sadržaj s lijevom marginom. (Uobičajeno se upotrebljava za tekst glavnog tijela radi lakšeg čitanja.)
Poravnanje po sredini. Poravnanje po sredini Ctrl+E Centrirajte svoj sadržaj na stranici. (Uobičajeno se upotrebljava za službeni izgled.)
Poravnanje udesno. Poravnaj udesno Ctrl+R Poravnajte svoj sadržaj s desnom marginom. (Uobičajeno se upotrebljava za službeni izgled.)
Veza. Poveži Stvorite vezu u svom dokumentu za brzi pristup web-stranicama i datotekama.

Zalijepljeni ili upisani URL teksta pretvara se u vezu. Na primjer, "http://myexample.com" postat će "http://myexample.com".

U dijaloškom okviru Veza odaberite vrstu veze koju želite umetnuti.

Kartica Informacije o vezi omogućuje odabir vrste veze, kao i postavljanje protokola veze i URL-a.

Kartica Cilj dostupna je samo za URL vrstu veze. Određuje mjesto gdje će se veze otvoriti nakon što ih kliknete.
Uklanjanje veze. Poništi vezu Izbrišite vezu u svojoj e-pošti ili dokumentu.

Kada pokazivač postavite na vezu, gumb Prekini vezu na alatnoj traci postaje aktivan. Kliknite gumb da biste uklonili vezu i pretvorili je u običan tekst.
Eksponent. Eksponent Upišite vrlo mala slova odmah iznad retka teksta.
Indeks. Indeks Upišite vrlo mala slova odmah ispod retka teksta.
Precrtano. Precrtaj Precrtajte tekst crtajući liniju kroz njega.
Umetnite sliku. Umetni sliku Možete umetnuti sliku tako da je izravno kopirate i zalijepite u retku u uređivač, tako da je povučete i ispustite s radne površine ili iz lokalne mape izravno u uređivač ili tako da upišete URL. Podržani su sljedeći oblici: .PNG, .JPG. i .GIF.

Da biste u svoj članak unijeli sliku u istoj razini:
1. Povucite i ispustite sliku ili je kopirajte i zalijepite izravno u članak.
2. Povucite bilo koji kut slike da biste joj promijenili veličinu.

Da biste umetnuli sliku s pomoću URL-a ili navigacije do lokalne slike:
1. Odaberite Umetni sliku.
2. U dijalogu svojstva Slika odaberite jednu od sljedećih mogućnosti:
  • Odaberite Pretraživanje za navigaciju do slike na vašem računalu.
  • Ili navedite web-adresu slike te značajke za definiranje izgleda slike u e-pošti ili članku.

  • Napomena:
    • Ako se slika nalazi se na vanjskom poslužitelju, koristite cijeli apsolutni put.
    • Ako se slika nalazi na lokalnom poslužitelju, možete koristiti relativni put.
    • Ako želite da se slika poveže s ciljem, dodajte URL za sliku.
    • Možete navesti želite li da se ciljana stranica otvori u novom prozoru, najvišem prozoru, istom prozoru ili nadređenom prozoru.
Slijeva nadesno. Slijeva nadesno Promijenite tekst s lijeva na desno za sadržaj kao što su odlomak, zaglavlje, tablica ili popis. Obično se upotrebljava za dvosmjerni jezični sadržaj. To je zadana postavka.
Zdesna nalijevo. Zdesna nalijevo Promijenite tekst zdesna nalijevo za sadržaj kao što su odlomak, zaglavlje, tablica ili popis. Obično se upotrebljava za dvosmjerni jezični sadržaj. Zadana postavka je slijeva nadesno.
Poništavanje tipkanja. Poništavanje tipkanja Poništite promjene koje ste unijeli u sadržaj.
Ponavljanje tipkanja. Ponavljanje tipkanja Ponovite promjene koje ste unijeli u sadržaj.
Brisanje cijelog oblikovanja. Brisanje cijelog oblikovanja Uklonite svako oblikovanje iz odabranog teksta, ostavljajući samo normalan, neformatirani tekst.
Dodavanje tablice. Dodavanje tablice Dodajte tablicu svom sadržaju.

Nakon dodavanja tablice možete učiniti nešto od sljedećeg:

  • Promijenite veličinu stupaca tablice klikom i povlačenjem miša da biste promijenili veličinu stupaca do željene širine.
  • Odaberite jednu ćeliju ili više ćelija unutar tablice i primijenite određeno oblikovanje, dodajte veze odabiru, ili izrežite, kopirajte ili zalijepite cijele redove ili stupce.
  • Pritisnite desnu tipku miša kako biste pristupili svojstvima. To podržava značajke kao što su vrsta ćelije, širina i visina, prelamanje riječi, poravnavanje, spajanje i dijeljenje ćelija vodoravno i okomito, umetanje ili brisanje redaka i stupaca, raspona reda i stupaca te boje ćelije i obruba.
Proširite alatnu traku. Proširi alatnu traku Prikazuje kada je alatna traka sažeta i ne pojavljuju se sve mogućnosti. Kliknite kako bi se proširila alatna traka i učinile vidljivima sve mogućnosti.

Napomena

Kontekstnom izborniku preglednika možete pristupiti pritiskom tipku Ctrl + desni klik. Ovo je korisno ako trebate upotrijebiti ugrađenu provjeru pravopisa u pregledniku. U suprotnom možete upotrijebiti desnu tipku miša za kontekstualno oblikovanje bilo kojeg elementa koji možda upotrebljavate.

Prečaci za pristupačnost

Sljedeća tablica prikazuje popis prečaca pristupačnosti dostupnih pri upotrebi kontrole uređivača obogaćenog teksta. Ovom popisu možete pristupiti dok sastavljate sadržaj pritiskom na Alt+0.

Tip Tipkovni prečac Opis
Općenito Alt+F11 Uključite/isključite prikaz preko cijelog zaslona.
Navigacija za kartice Alt+Ctrl+0 Idite na alatnu traku uređivača.
Navigacija za kartice Alt + 1 Otvorite uređivač obogaćenog teksta.
Navigacija za kartice Alt + 2 Otvrite HTML uređivač.
Navigacija kroz karticu Alt + 3 Otvorite prikaz pretpregleda.
Opće naredbe uređivača Alt+F10 Idite na alatnu traku uređivača. Pomaknite se na sljedeću i prethodnu grupu alatne trake pomoću tipki Tab i Shift + Tab. Pomaknite se na sljedeću i prethodnu tipku alatne trake pomoću strelice desno ili strelicom lijevo. Pritisnite razmak ili Enter da biste aktivirali tipku na alatnoj traci.
Općenite naredbe uređivača Alt+- Proširite/sažmite alatnu traku uređivača.
Općenite naredbe uređivača Pogledajte opis. Dijalog uređivača: Unutar dijaloškog okvira pritisnite tipku Tab za pomicanje do sljedećeg elementa dijaloga, pritisnite Shift + Tab za pomicanje na prethodni element dijaloga, pritisnite Enter za predavanje dijaloga, pritisnite ESC da biste dijalog otkazali. Ako se u dijalogu nalazi više kartica, popis kartica može se dohvatiti pomoću tipki Alt + F10 ili Tab, slijedeći redoslijed kartica dijaloga. Uz fokusirani popis kartica pomaknite se na sljedeću i prethodnu karticu strelicom desno i lijevo.
Općenite naredbe uređivača Pogledajte opis. Okvir s popisom uređivača: Unutar okvira s popisom pomaknite se na sljedeću stavku popisa pomoću tipke Tab ili strelice dolje. Pomaknite se na prethodnu stavku popisa pomoću tipki Shift + Tab ili strelice gore. Pritisnite tipku za razmak ili Enter kako biste odabrali mogućnost s popisa. Pritisnite tipku ESC kako biste zatvorili okvir s popisom.
Osnovne naredbe Ctrl+Z poništavanje
Osnovne naredbe Shift+Ctrl+Z ponavljanje
Osnovne naredbe Ctrl+B podebljanje
Osnovne naredbe Ctrl+I kurziv
Osnovne naredbe Ctrl+U podcrtavanje
Osnovne naredbe Alt + 0 pomoć za pristupačnost
Osnovne naredbe Esc Operacija je otkazana.

Najčešća pitanja

P: Zašto se upisani znakovi sporo prikazuju?

A. Velika veličina sadržaja može uzrokovati kašnjenje. Za više informacija pogledajte odjeljak Najbolji primjeri za upotrebu uređivača obogaćenog teksta. Provjere pravopisa ili gramatike također mogu usporiti izvedbu tipkanja.

Poznati problemi

  • HTML oznaka prikazana je za stupce koji su konfigurirani za upotrebu kontrole uređivača obogaćenog teksta koji su prikazani u komponentama, a koji nije stupac u obrascu. Na primjer, to se događa u prikazima, podmrežama, paginiranim izvješćima i portalima.

HTML oznaka prikazana u stupcu na podrešetki.

Pogledajte također

Izrada i uređivanje stupaca rješenja Microsoft Dataverse s pomoću portala platforme Power Apps