Dodavanje kontrole uređivača obogaćenog teksta u aplikaciju zasnovanu na modelu

  • Članak
  • 18 min. za čitanje

Napomena

Stupa na snagu novembra 2020:

  • Common Data Service je preimenovan u Microsoft Dataverse. Saznajte više
  • Neka terminologija u usluzi Microsoft Dataverse je ispravljena. Na primer, entitet je sada tabela, a polje je sada kolona. Saznajte više

Ovaj članak će biti uskoro ažuriran kako bi odražavao najnoviju terminologiju.

Kontrola uređivača obogaćenog teksta pruža korisniku aplikacije područje za WYSIWYG uređivanje radi formatiranja teksta. Ulazni i izlazni format kontrole je HTML. Kontrola omogućava da kopirani obogaćeni tekst, na primer iz veb-pregledača ili programa Word, bude nalepljen u kontrolu.

Neke od dostupnih opcija formata su:

  • Podebljano, kurziv, podvučeno i precrtano
  • Boja teksta, boja markiranja
  • Tip i veličina fonta
  • Numerisane liste i liste nabrajanja
  • Hiperveze
  • Tabele
  • Slike

Potpunu listu zadatih opcija potražite u tekstu Korišćenje trake s alatkama za uređivanje obogaćenog teksta.

Rich text control editor in a model-driven app

Dodavanje ili zamena kolone teksta za uređivanje obogaćenog teksta

Možete da kreirate novu kolonu teksta i konfigurišete kontrolu ili da zamenite postojeću kolonu teksta. Kontrola uređivača obogaćenog teksta može se koristiti sa kolonama sa jednim redom teksta ili više redova teksta.

  1. Prijavite se u Power Apps. Idite u Rešenja, otvorite ženjeno rešenje, otvorite željenu tabelu, a zatim izaberite karticu Obrasci.

  2. Izaberite obrazac, a zatim izaberite Uredi obrazac.

  3. U dizajneru obrazaca na komandnoj traci izaberite Prelazak na klasični izgled.

  4. Na zastareloj podlozi dizajnera obrazaca dodajte ili kreirajte kolonu teksta ili odaberite postojeću kolonu teksta, kao što je kolona Opis tabele poslovnog kontakta. Na kartici Početak izaberite Promeni svojstva.

  5. Na stranici Svojstva kolona izaberite karticu Kontrole, a zatim izaberite Dodaj kontrolu.

  6. Izaberite Kontrola uređivača obogaćenog teksta, a zatim izaberite Dodaj.

  7. Izaberite Veb, Telefon i Tablet ako želite da sve klijentske aplikacije imaju mogućnost upotrebe obogaćenog teksta u koloni. Zatim izaberite U redu da biste koristili podrazumevanu konfiguraciju kontrole uređivača obogaćenog teksta. Ako želite da promenite konfiguraciju kontrole uređivača obogaćenog teksta, pogledajte Opcije konfiguracije kontrole uređivača obogaćenog teksta.

    Rich text control editor configuration

  8. Sačuvajte i objavite obrazac.

Opcije konfiguracije kontrole uređivača obogaćenog teksta

Kontrola uređivača obogaćenog teksta dolazi sa bogatim nizom konfiguracionih opcija koje omogućavaju prilagođavanje izgleda, funkcija i ponašanja. Da biste konfigurisali kontrolu uređivača obogaćenog teksta, sledite ove korake:

  1. Kreirajte JSON datoteku koja uključuje strukturu defaultSupportedProps i konfiguraciju sa promenama koje želite. Još informacija: Primer konfiguracija uređivača obogaćenog teksta i Svojstva uređivača obogaćenog teksta
  2. U usluzi Power Apps, kreirajte veb-resurs tipa Script(JScript) pomoću JSON datoteke kreirane u 1. koraku. Još informacija: Kreiranje ili uređivanje veb-resursa u aplikaciji zasnovanoj na modelu radi proširenja aplikacije
  3. Otvorite stranicu Svojstva kolona za kolonu teksta sa kontrolom uređivača obogaćenog teksta, a zatim pored stavke RichTextEditorControl_URL izaberite Uredi.

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

  4. Izaberite Veži za statičku vrednost, unesite relativnu URL adresu na JavaScript veb-resurs u polje pored SingleLine.URL, a zatim izaberite U redu. Relativna URL adresa se nalazi u definiciji veb-resursa.
  5. Izaberite U redu da biste zatvorili stranicu Svojstva kolona.
  6. Na komandnoj traci uređivača obrasca, izaberite Objavi.

Najbolje prakse za korišćenje uređivača obogaćenog teksta

Uzmite u obzir sledeće kada koristite uređivač obogaćenog teksta:

  • Najbolje performanse postižu se kada je veličina HTML sadržaja 1 MB ili manje. Kada veličina HTML sadržaja pređe 1 MB, možda ćete primetiti sporije vreme odziva za učitavanje i uređivanje sadržaja. Podrazumevano se na slikovni sadržaj upućuje HTML sadržaja, ali se ne čuva kao deo HTML sadržaja, tako da u podrazumevanoj konfiguraciji slike nemaju negativan uticaj na performanse.

  • Polja obogaćenog teksta čuvaće HTML oznake potrebne za oblikovanje zajedno sa podacima koje je uneo korisnik. Kada podešavate maksimalnu veličinu za svoje polje, obavezno dodelite dovoljnu veličinu i za HTML oznake i za podatke koje unosi korisnik.

  • Podrazumevano, uređivač obogaćenog teksta će otpremati slike u skladište Azure skladišta blob objekta i one se neće čuvati kao deo polja. Slike će se čuvati u istom polju kao base64 kada podnosilac nema dozvole za entitet msdyn_richtextfiles. Sadržaj Base64 je izuzetno velik, tako da generalno ne želite da slike skladištite kao base64.

Svojstva uređivača obogaćenog teksta

JSON datoteka se sastoji od svojstava postavljenih kao parovi imena i vrednosti. Postoje dve vrste konfiguracija: odeljak defaultSupportedProps i pojedinačna podešavanja konfiguracije koja pružaju različite funkcije.

defaultSupportedProps je skup svojstava programskih dodataka i uključuje podršku za sve CKEditor konfiguracije. za više informacija pogledajte defaultSupportProps. DefaultSupportProps nije ograničen samo na svojstva programskih dodataka dokumentovanih iz CKEditor-a, već vam omogućava i podešavanje svojstava za dodatne programske dodatke koje dodate ili kreirate. Za više informacija o dodatnim komponentama, pogledajte Korišćenje dodatnih komponenti za proširenje poslovnih procesa.

Pojedinačna podešavanja konfiguracije omogućavaju vam da promenite ponašanje i funkcije uređivača.

Vizualizacija konfiguracione datoteke uređivača obogaćenog teksta

Sledeće dve slike vizuelno identifikuju dva odeljka za konfiguraciju. Za celu datoteku konfiguracije,pogledajte Korišćenje veb-resursa za promene u celoj organizaciji.

defaultSupportedProps

vizuelizacija defaultsupportedprops konfiguracije.

Pojedinačna podešavanja konfiguracije

Vizuelizacija pojedinačnih podešavanja konfiguracije.

defaultSupportedProps

U okviru ovog svojstva možete konfigurisati sva svojstva koja podržava CKEditor. Nekoliko najčešće korišćenih i prilagođenih konfiguracija je opisano u nastavku. Za kompletnu dokumentaciju o CKEditor konfiguracijama, pogledajte CKEditor.config.

Atribut Opis Podrazumevana vrednost
visina

Podešava početnu visinu uređivača sadržaja. Podrazumevana postavka je 185 px.

"height": 185
font_defaultLabel

Podešavanja podrazumevanu oznaku koja se prikazuje na traci sa alatkama za stil fonta. Podrazumevani font je Segoe UI.

"font_defaultLabel": "Segoe UI"
fontSize_defaultLabel

Podešavanja podrazumevanu oznaku koja se prikazuje na traci sa alatkama za veličinu fonta. Podrazumevana postavka je 9.

"fontSize_defaultLabel": "9"
stickyStyle

Podešava stvarnu podrazumevanu veličinu i stil fonta. Pored toga, možete uključiti bilo koja druga CSS svojstva koja želite da postavite kao deo podrazumevanog stila.

Programski dodatak stickyStyle kreira omotač oko sadržaja koristeći element naveden u „stickyStyles_defaultTag“, koji je u početku bio konfigurisan kao „div“.

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

Lokacija korisničkog interfejsa na kojoj će se prikazati traka sa alatkama. Podržane vrednosti su top i bottom. Podrazumevano je donje.

"toolbarLocation": "bottom"
traka sa alatkama

Lista dugmadi na traci sa alatkama koja ć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"]]
plugins

Lista dodatnih komponenti odvojenih zarezom koje će se koristiti u instanci uređivača. Imajte na umu da na stvarne učitane dodatne komponente mogu uticati još dve postavke: extraPlugins i removePlugins.

Ažuriranje ove postavke može ukloniti dodatne komponente sa trake sa alatkama. Ako ovo svojstvo postavite na prazan niz, uređivač će se učitati bez trake sa alatkama.

Ako želite da dodate jednu ili više dodatnih komponenti na traku sa alatkama, preporučujemo vam da koristite extraPlugins. Ako želite da uklonite jednu ili više njih sa podrazumevane liste, 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

Lista odvojena zarezima sa više dodatnih komponenti za učitavanje. Ovo podešavanje olakšava dodavanje novih dodatnih komponenti bez izmena u podešavanju dodatnih komponenti.

Postoji mnogo dodatnih komponenti koje su potrebne za rad drugih dodatnih komponenti. Na primer, dodatna komponenta za dijalog potrebna je za dodatnu komponentu za vezu. Uređivač obogaćenog teksta automatski ih dodaje, a ažuriranjem ovog svojstva ne možete ih izmeniti. Ovo podešavanje će jednostavno dodati nove dodatne komponente na prethodnu listu.

Ako želite da uklonite bilo koju od unapred podešenih postavki, preporučujemo vam 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

Lista dodatnih komponenti koje se ne smeju učitati. Ovo podešavanje omogućava izbegavanje učitavanja nekih dodatnih komponenti definisanih u podešavanju dodatnih komponenti / ekstra dodataka, bez potrebe da menjate njihovu konfiguraciju.

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

Maksimalna veličina u megabajtima (MB) dozvoljena za ugrađene slike kada se koristi programski dodatak superimage. Podrazumevana postavka je 5.

"superimageImageMaxSize": 5

Pojedinačna podešavanja konfiguracije

Možete da konfigurišete dodatna podešavanja konfiguracije koja utiču na funkcionisanje uređivača.

Atribut Opis Podrazumevana vrednost
disableContentSanitization

"disableContentSanitization": false
disableDefaultImageProcessing

Slike će se podrazumevano otpremiti pomoću klijentskog API-ja. Čim se slika doda u editor, ona će biti otpremljena na platformu. Da biste obrađivali slike, postavite ovo svojstvo na tačno.

"disableDefaultImageProcessing": false
disableImages

Ako postavite ovo svojstvo na tačno, onemogućiće slike. Ovo svojstvo će imati najveći prioritet. To znači da kada je ovo svojstvo postavljeno na tačno, bez obzira na vrednost svojstva imageEntity, slike će biti onemogućene. Slike su podrazumevano omogućene.

"disableImages": false
externalPlugins

Koristeći ovo svojstvo, možete da napišete sopstvene dodatne komponente i koristite ih u kontroli uređivača obogaćenog teksta.

Nema podrazumevane vrednosti, jer na ovaj način možete proširiti funkcionalnost dodavanjem dodatnih programskih dodataka koji nisu prvobitno obezbeđeni.

Primer:

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

Primer:

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

Podešavanjem ovog svojstva možete izbeći upotrebu podrazumevane tabele za slike kako biste po potrebi mogli da primenite dodatnu bezbednost. 

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

"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
}
showAsTabControl

Podešavanjem ovog svojstva možete prikazati dodatne komande iznad prozora uređivača.

Mora biti podešeno na „tačno“ da bi bili omogućeni sledeći atributi:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false
showFullScreenExpander

Ovo svojstvo dodaje funkciju proširenja/sažimanja preko celog ekrana, što vam omogućava da proširite i koristite uređivač u režimu celog ekrana.

Zavisi od toga da li je showAsTabControl postavljeno kao tačno.

"showFullScreenExpander": false
showHtml

Ovo svojstvo dodaje opciju direktnog prikazivanja i uređivanja HTML sadržaja.

Zavisi od toga da li je showAsTabControl postavljeno kao tačno.

"showHtml": false
showPreview

Ovo svojstvo dodaje opciju pregleda sadržaja uređivanja prikazanog kao HTML. Pregled vam omogućava da vidite kako će se vaš sadržaj prikazati ako ga delite i prikazujete kao HTML izvan uređivača.

Zavisi od toga da li je showAsTabControl postavljeno kao tačno.

"showPreview": false
showPreviewHeaderWarning

Ovo svojstvo vam omogućava da prikazujete/sakrivate poruku upozorenja koja se prikazuje prilikom pregleda sadržaja.

Zavisi od toga da li su showAsTabControl i showPreview postavljeni kao tačno.

"showPreviewHeaderWarning": false

Primeri konfiguracije uređivača obogaćenog teksta

Sledeći uzorak podataka konfiguracionog koda uređivača obogaćenog teksta može se koristiti za omogućavanje određenih vrsta doživljaja obogaćenog teksta. Za svaki uzorak kreirate JSON veb-resurs. Još informacija: Opcije konfiguracije kontrole uređivača obogaćenog teksta

Dodajte proširivač preko celog ekrana

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

Kontrola proširivača ekrana.

Dodajte karticu za prikaz HTML izvora

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

Kontrola kartice za HTML.

Dodajte jednostavnu traku sa alatkama sa veličinom fonta, podebljavanjem, kurzivom, podvlačenjem i isticanjem

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

Kontrole za jednostavan uređivač.

Uklonite traku s alatkama da biste napravili površinu za prikazivanje obogaćenog teksta

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

Nema trake sa alatkama.

Dodajte novu listu fontova i postavite Brush Script MT kao podrazumevani font sa podrazumevanom 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"}  }}

Podesite novi podrazumevani font.

Postavite traku sa alatkama na vrh uređivača obogaćenog teksta

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

Traka sa alatkama postavljena na vrh uređivača obogaćenog teksta.

Pokrenite uređivač na visini od 30 px, a zatim ga automatski povećajte tako da uklopi sadržaj

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

Kucanjem ćete povećati područje obogaćenog teksta kako bi uklopio sadržaj.

Podesite visinu uređivača na 500 px

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

Sa podešenom visinom, uređivač ostaje na istoj visini. Kada se doda dovoljno sadržaja, pojavljuje se traka za pomicanje.

Kreiranje površine 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}}

Kreiranjem obične tekstualne površine trake postaju HTML.

Uklanjanje kontekstnog menija tako da klik desnim tasterom miša radi sa podrazumevanom proverom pravopisa u pregledaču

Omogućavanjem ove funkcije uklanjate mogućnost kontekstualnog uređivanja desnim klikom.

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

Uklanjanje kontekstnog menija tako da klik desnim tasterom miša radi sa podrazumevanom proverom pravopisa u pregledaču.

Koristite veb-resurs za promene u celoj organizaciji

Podrazumevani RTE veb-resurs je dostupan sa imenom za prikaz RTEGlobalConfiguration.json. Ova konfiguracija se koristi za sve instance RTE kontrole i može se koristiti za promene u celoj organizaciji. To uključuje RTE koji se koristi u beleškama obogaćenog teksta na vremenskoj osi, upravljanje znanjem i polja sa jednim ili više redova koja su konfigurisana 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 PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;ＭＳ Ｐ明朝/'MS PMincho', 'ＭＳ Ｐ明朝', 'MS Mincho', 'ＭＳ 明朝', '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}
}

Pronađite trenutnu postavku za konfiguraciju uređivača obogaćenog teksta

  1. U veb-pregledaču Microsoft Edge ili Google Chrome pokrenite aplikaciju zasnovanu na modelu i otvorite obrazac koji ima kontrolu uređivača obogaćenog teksta, kao što je red poslovnog kontakta.

  2. Držite pritisnut taster Ctrl i kliknite na kontrolno područje uređivača obogaćenog teksta, a zatim izaberite Inspekcija.

  3. U oknu za inspekciju izaberite karticu Konzola, a zatim izaberite nadređenu stranicu Main.aspx u padajućoj listi na komandnoj traci.

    Izaberite karticu Konzola, a zatim iz padajuće liste izaberite nadređenu stranicu Main.aspx.

  4. Izaberite Obriši konzolu na komandnoj traci okna za inspekciju.

    Komanda Obriši konzolu.

  5. U konzolu okna za inspekciju unesite CKEDITOR.config. da biste prikazali različite konfiguracije.

    Lista konfiguracija CK uređivača.

  6. Izaberite konfiguraciju, na primer autoGrow_minHeight, za prikaz trenutne postavke.

Korišćenje trake s alatkama uređivača obogaćenog teksta

Traka s alatkama uređivanja obogaćenog teksta pruža funkcije i funkcionalnosti koje vam omogućavaju rad sa formatom obogaćenog teksta u beleškama i e-pošti.

Opcije formatiranja

Sledeća tabela opisuje različite funkcije oblikovanja i opcije funkcionalnosti koje su dostupne u uređivaču obogaćenog teksta koji možete koristiti u beleškama i e-pošti.

Napomena

Kontekstnom meniju pregledača možete pristupiti ako izaberete Ctrl + desni taster miša. Ovo je korisno ako treba da koristite ugrađenu proveru pravopisa u pregledaču. U suprotnom, možete desnim klikom da obezbedite kontekstualno formatiranje svakog elementa koji koristite.

Icon +Ime Taster za prečicu Opis
Četkica za oblikovanje. Četkica za oblikovanje Ctrl+Shift+C, Ctrl+Shift+V Primenite izgled određenog odeljka na drugi odeljak.
Font. Font Ctrl+Shift+F Izaberite željeni font. Podrazumevani font je Segoe UI.

Napomena: Kada izaberete bilo koji formatirani sadržaj, prikazuje se naziv fonta za taj sadržaj. Ako vaš izbor sadrži više fontova, prikazaće se naziv fonta koji je prvi u selekciji.
Veličina fonta. Veličina fonta Ctrl+Shift+P Promenite veličinu teksta. Podrazumevana veličina je 12.

Napomena: Kada izaberete bilo koji formatirani sadržaj, prikazuje se veličina fonta za taj sadržaj. Ako vaš izbor sadrži više veličina fontova, prikazaće se naziv fonta koji je prvi u selekciji.
Podebljano. Podebljano Ctrl+B Učinite tekst podebljanim.
Italic. Italic Ctrl+I Učinite tekst kurzivnim.
Podvlačenje. Podvučeno Ctrl+U Podvucite tekst.
Boja istaknutog teksta. Boja istaknutog teksta Učinite da se vaš tekst ističe tako što ćete ga istaknuti svetlom bojom.
Boja fonta. Boja fonta Promenite boju teksta.
Znakovi za nabrajanje. Znakovi za nabrajanje Kreirajte listu sa znakovima za nabrajanje.
Numerisanje. Numerisanje Kreirajte numerisanu listu.
Smanji uvlačenje. Smanji uvlačenje Pomerite pasus bliže margini.
Povećaj uvlačenje. Povećaj uvlačenje Pomerite pasus dalje od margine.
Izdvojeni citat. Izdvojeni citat Primenite format citata na nivou bloka u sadržaju.
Poravnaj ulevo. Levo poravnanje Ctrl+L Poravnajte sadržaj sa levom marginom. (Obično se koristi za telo teksta radi lakšeg čitanja.)
Poravnaj u centar. Poravnaj u centar Ctrl+E Centrirajte sadržaj na stranici. (Obično se koristi za svečane sadržaje.)
Poravnaj desno. Desno poravnanje Ctrl+R Poravnate sadržaj sa desnom marginom. (Obično se koristi za svečane sadržaje.)
Poveži. Poveži Kreirajte vezu u dokumentu za brzi pristup veb-stranicama i datotekama.

Nalepljeni ili uneti tekst URL adrese se pretvara u vezu. Na primer, "http://myexample.com" postaće "http://myexample.com".

U dijalogu Povezivanje izaberite tip veze koji želite da umetnete.

Kartica Povezivanje informacija vam omogućava da odaberete tip veze i da postavite protokol za povezivanje i URL adresu.

Kartica Cilj je dostupna samo za URL tip veze. Navodi lokaciju koju će veza otvoriti kada je izaberete.
Ukloni vezu. Opozovi vezu Izbrišite vezu iz e-poruke ili dokumenta.

Kada na vezu postavite pokazivač, dugme Raskini Vezu na traci sa alatkama postaje aktivno. Izaberite dugme da biste uklonili vezu i pretvorili je u čisti tekst.
Eksponentni tekst. Eksponentni tekst Unesite veoma mala slova malo iznad reda teksta.
Indeksni tekst. Indeksni tekst Unesite veoma mala slova malo ispod reda teksta.
Precrtano. Precrtani tekst Precrtajte tekst crtajući liniju kroz njega.
Umetni sliku. Umetni sliku Možete umetnuti sliku tako što ćete je kopirati i nalepiti direktno u uređivač, povlačiti je i otpustiti sa radne površine ili lokalne mape direktno u uređivač ili unosom URL adrese. Podržani su sledeći formati: .PNG, .JPG ili .GIF.

Da biste umetnuli ugrađenu sliku u članak:
1. Prevucite i ispustite sliku ili je kopirajte i zalepite direktno u članak.
2. Prevucite bilo koji ugao slike da biste promenili njenu veličinu.

Da biste umetnuli sliku pomoću URL adrese ili navigacije do lokalne slike:
1. Izaberite opciju umetanja slike.
2. Iz dijaloga svojstva Slika izaberite jednu od sledećih opcija:
  • Izaberite Potraži da biste otišli do slike na računaru.
  • Ili navedite veb-adresu slike i svojstva koja definišu kako će slika izgledati u e-poruci ili u članku.

    • Napomena:
    • Ako se slika nalazi na spoljašnjem serveru, koristite apsolutnu putanju.
    • Ako se slika nalazi na lokalnom serveru, možete da koristite relativnu putanju.
    • Ako želite da slika bude povezana sa ciljem, dodajte URL za sliku.
    • Možete i da navedete da li želite da se ciljna stranica otvori u novom prozoru, najvišem prozoru, istom prozoru ili nadređenom prozoru.
Sleva nadesno. Sleva nadesno Promenite tekst sleva na desno za sadržaj kao što su pasus, zaglavlje, tabela ili lista. Obično se koristi za sadržaj na dvosmernom jeziku. To je podrazumevana postavka.
Sleva nadesno. Zdesna nalevo Promenite tekst na zdesna nalevo za sadržaj kao što su pasus, zaglavlje, tabela ili lista. Obično se koristi za sadržaj na dvosmernom jeziku. Podrazumevano podešavanje je sleva nadesno.
Opozovi kucanje. Opozovi kucanje Opozovite promene koje ste napravili u sadržaju.
Ponovi kucanje. Ponovi kucanje Ponovite promene koje ste napravili u sadržaju.
Obriši svo oblikovanje. Obriši svo oblikovanje Uklonite svako oblikovanje iz izabranog teksta, ostavljajući samo uobičajeni, neoblikovani tekst.
Dodaj tabelu. Dodaj tabelu Dodajte tabelu svom sadržaju.

Kada dodate tabelu, možete učiniti nešto od sledećeg:

  • Promenite širinu kolona tabele klikom i povlačenjem miša da biste promenili veličinu kolona na željenu širinu.
  • Izaberite jednu ili više ćelija unutar tabele i primenite određeno oblikovanje, dodajte veze u izbor ili isecite, kopirajte ili nalepite čitave redove ili kolone.
  • Kliknite desnim tasterom miša da biste pristupili svojstvima. To podržava funkcije kao što su vrsta ćelije, širina i visina, prelamanje reči, poravnavanje, spajanje i razdvajanje ćelija vodoravno i uspravno, umetanje ili brisanje redova i kolona, raspon redova i kolona i boja ćelije i ivice.
Razvij traku sa alatkama. Razvij traku sa alatkama Prikazuje se kada je traka se alatkama skupljena i ne vide se sve opcije. Kliknite da biste proširili traku sa alatkama i učinili vidljivim sve opcije.

Napomena

Kontekstnom meniju pregledača možete pristupiti pritiskom na Ctrl + desni klik. Ovo je korisno ako treba da koristite ugrađenu proveru pravopisa u pregledaču. U suprotnom, desnim tasterom miša možete obezbediti kontekstualno oblikovanje za bilo koji element koji koristite.

Prečice pristupačnosti

Sledeća tabela prikazuje listu prečica za pristupačnost dostupnih kada koristite kontrolu uređivača obogaćenog teksta. Ovoj listi možete pristupiti dok sastavljate sadržaj pritiskom na Alt+0.

Tip Taster za prečicu Opis
Opšte Alt+F11 Promenite vidljivost preko celog ekrana.
Navigacija na kartici Alt+Ctrl+0 Idite na traku sa alatkama uređivača.
Navigacija na kartici Alt+1 Idite na uređivač obogaćenog teksta.
Navigacija na kartici Alt+2 Idite u HTML uređivač.
Navigacija po karticama Alt+3 Idite na prikaz pregleda.
Opšte komande uređivača Alt+F10 Dođite do trake sa alatkama uređivača. Pređite na sledeću i prethodnu grupu traka sa alatkama pomoću tastera Tab i Shift+Tab. Pređite na sledeće i prethodno dugme na traci sa alatkama pomoću strelice udesno ili ulevo. Pritisnite razmaknicu ili Enter da aktivirate dugme na traci sa alatkama.
Opšte komande uređivača Alt+- Razvijte/skupite traku sa alatkama uređivača.
Opšte komande uređivača Pogledajte opis. Dijalog uređivača: Unutar dijaloga pritisnite taster Tab da biste se prebacili na sledeći element dijaloga, pritisnite Shift+Tab za prelazak na prethodni element dijaloga, pritisnite Enter da biste prosledili dijalog, pritisnite ESC da biste otkazali dijalog. Kada dijalog ima više kartica, na listu kartica možete doći prečicom Alt+F10 ili tasterom Tab, prateći redosled promene fokusa u dijalogu. Kada je u fokusu lista kartica, pređite na sledeću i prethodnu karticu strelicom udesno, odnosno ulevo.
Opšte komande uređivača Pogledajte opis. Okvir liste urednika: Unutar polja liste, pređite na sledeću stavku liste pomoću tastera Tab ili strelicom nadole. Pređite na prethodnu stavku liste prečicom Shift+Tab ili strelicom nagore. Pritisnite razmaknicu ili Enter da biste izabrali opciju liste. Pritisnite ESC da biste zatvorili polje liste.
Osnovne komande Ctrl+Z Komanda za opoziv.
Osnovne komande Shift+Ctrl+Z Komanda za ponavljanje.
Osnovne komande Ctrl+B Komanda za podebljavanje.
Osnovne komande Ctrl+I Komanda za kurziv.
Osnovne komande Ctrl+U Komanda za podvlačenje.
Osnovne komande Alt+0 Pomoć za pristupačnost.
Osnovne komande Esc Operacija otkazivanja.

Najčešća pitanja

P: Zašto se otkucani znakovi sporo prikazuju?

A. Velika veličina sadržaja može prouzrokovati kašnjenje. Za više informacija pogledajte Najbolje prakse za korišćenje uređivača obogaćenog teksta. Provere pravopisa ili gramatike takođe mogu usporiti performanse kucanja.

Poznati problemi

  • HTML oznaka se prikazuje za kolone konfigurisane da koriste kontrolu uređivača obogaćenog teksta koje se prikazuju u komponentama koje nisu kolona na obrascu. Na primer, to se dešava u prikazima, podformama, paginiranim izveštajima i portalima.

HTML oznaka prikazana u koloni na podmreži.

Takođe pogledajte

Kreiranje i uređivanje kolona za Microsoft Dataverse pomoću Power Apps portala