Feedback

Adăugați controlul editorului de text îmbogățit la o aplicație bazată pe model

  • Articol
  • 30 minute de lectură

Controlul editorului de text îmbogățit oferă utilizatorului aplicației o zonă de editare WYSIWYG pentru formatarea textului. Formatul de intrare și ieșire al controlului este HTML. Controlul permite ca textul îmbogățit copiat, cum ar fi de la un browser web sau Word, să fie lipit în control.

Unele dintre opțiunile de format disponibile sunt:

  • Aldin, cursiv, subliniat și tăiat cu o linie
  • Culoare text, culoare evidențiere
  • Tipul și dimensiunea fontului
  • Liste numerotate și liste cu marcatori
  • Hyperlink-uri
  • Tabele
  • Imagini

Pentru o listă completă a opțiunilor implicite, consultați Utilizați bara de instrumente a editorului de text îmbogățit.

Rich text control editor in a model-driven app

Adăugați sau înlocuiți o coloană de text pentru editare de text îmbogățit

Creați o nouă coloană de text și configurați controlul sau înlocuiți o coloană de text existentă. Controlul editorului de text îmbogățit poate fi utilizat cu coloane de text cu una sau mai multe linii.

Configurare simplă

Pentru a activa editorul de text îmbogățit cu valori implicite pe orice coloană de text nouă sau existentă, puteți seta Format opțiunea pentru Text bogat folosind următorii pași. Mai multe informații despre valorile implicite: Utilizați resursa web implicită pentru modificări la nivelul întregii organizații

  1. Conectați la Power Apps.

    Notă

    Dacă aveți un câmp text îmbogățit existent, puteți utiliza API-ul pentru a schimba formatul în Richtext. Mai multe informatii: Conversii de format de tip de date

  2. În panoul de navigare din stânga, selectați Soluții, deschideți soluția dorită, deschideți tabelul dorit, apoi selectați Coloane zonă.

  3. Selectați +Adaugă > Coloană, introduceți un nume pentru coloana dvs., selectați un text Date tastați, apoi selectați Text bogat opțiunea de format.

  4. Salvați coloana. Acum puteți adăuga noua coloană la orice formular existent sau nou pentru acest tabel.

Configurație avansată

Controlul editorului de text îmbogățit vine cu un set bogat de opțiuni de configurare care fac posibilă personalizarea aspectului, caracteristicilor și comportamentului acestuia. Pentru a activa editorul de text îmbogățit cu o anumită configurație pe o coloană nouă sau existentă, parcurgeți următorii pași.

  1. Conectați-vă la Power Apps.
  2. În panoul de navigare din stânga, selectați Soluții, deschideți soluția dorită, deschideți tabelul dorit, apoi selectați Forme zonă.
  3. Selectați formularul, apoi selectați Editați formularul > Editați formularul în fila nouă.
  4. Pe pânza proiectant de formulare, adăugați sau creați o coloană de text sau selectați o coloană de text existentă, cum ar fi coloana de text personalizată cu mai multe linii utilizată în acest articol.
  5. În panoul de proprietăți al coloanei din dreapta, extindeți Componente secțiune, selectați + Componentă, apoi selectați Controlul editorului de text îmbogățit.
  6. Pe Adăugați controlul editorului de text îmbogățit panoul, selectați dintre următoarele opțiuni, apoi selectați Terminat:

    • Legați la coloana tabelului : Nu vă recomandăm să activați această opțiune deoarece această proprietate nu acceptă legarea la o altă coloană a tabelului.

    • Valoare statică : Dacă doriți să personalizați aspectul, caracteristicile și comportamentul editorului de text îmbogățit, introduceți adresa URL relativă la resursa web JavaScript care conține proprietățile dorite. Mai multe informatii: Creați și utilizați configurația avansată pentru controlul editorului de text îmbogățit

    • Web, ·, și Comprimat : Activați-le pe toate dacă doriți ca toate aplicațiile client să aibă capacitatea de a folosi text îmbogățit în coloană.

      Rich text control editor configuration
  7. Salvați și apoi Publicați formularul.

Creați și utilizați configurația avansată pentru controlul editorului de text îmbogățit

Pentru a crea și utiliza configurația avansată pentru controlul editorului de text îmbogățit, urmați acești pași:

  1. Creați un fișier JavaScript (.js) care conține fișierul text în format JSON cudefaultSupportedProps structura și configurația dorite. Mai multe informatii: Mai multe exemple de configurații ale editorului de text îmbogățit și Proprietățile editorului de text îmbogățit

  2. În Power Apps, creeaza o JavaScript (JS) tastați resursa web folosind fișierul JSON creat la pasul 1. Informații suplimentare: Creați sau editați resurse web de aplicație pe bază de model pentru a extinde o aplicație

  3. Adăugați adresa URL relativă pentru resursa web JavaScript (de exemplu /WebResources/contoso_toolbartoprte) în Valoare statică câmp de pe Adăugați controlul editorului de text îmbogățit panou. Mai multe informatii: Adăugați sau înlocuiți o coloană de text pentru editarea textului îmbogățit

    Sfat

    • Adresa URL a resursei web este situată lângă URL câmp din definiția resursei web pe care ați creat-o la pasul anterior.
    • Deși puteți utiliza adresa URL absolută pentru Valoare statică, folosind adresa URL relativă, resursa web va continua să funcționeze după ce a fost importată într-un alt mediu ca soluție. URL pentru resursa web JavaScript

  4. Salvați și apoi Publicați formularul.

Cele mai bune practici pentru utilizarea editorului de text îmbogățit

Luați în considerare următoarele la utilizarea editorului de text îmbogățit:

  • Cea mai bună performanță se obține atunci când dimensiunea conținutului HTML este de 1 MB sau mai puțin. Când dimensiunea conținutului dvs. HTML depășește 1 MB, este posibil să observați timpi de răspuns mai mici pentru încărcarea și editarea conținutului. În mod implicit, conținutul imaginii este referențiat din conținutul HTML, dar nu este stocat ca parte a conținutului HTML, deci în configurația implicită, imaginile nu au impact negativ asupra performanței.

  • Câmpurile de text îmbogățit vor stoca etichete HTML, care sunt necesare pentru formatare împreună cu datele introduse de utilizator. Când setați dimensiunea maximă pentru câmpul dvs., asigurați-vă că atribuiți o dimensiune suficient de mare atât pentru etichetele HTML, cât și pentru datele introduse de utilizator.

  • În mod implicit, editorul de text îmbogățit va încărca imagini în depozitul de stocare Azure Blob și nu vor fi stocate ca parte a câmpului. Imaginile vor fi stocate în același câmp ca base64 atunci când persoana care trimite nu are permisiuni pentrumsdyn_richtextfiles entitate. Conținutul Base64 este mare, așa că, în general, nu doriți să stocați imagini ca base64.

Cum se aplică configurația editorului de text îmbogățit

Experiența și capacitățile editorului de text îmbogățit sunt controlate prin configurare. Configurația implicită pentru controlul editorului de text îmbogățit are proprietăți și valori care sunt destinate să satisfacă nevoile normale de text îmbogățit, dar acestea pot fi ajustate. Proprietățile și valorile de configurare pot fi aplicate unei anumite instanțe de control a editorului de text îmbogățit. Pot exista până la trei niveluri de configurare care pot fi aplicate fiecărei instanțe de editor de text îmbogățit. Logica utilizată pentru aplicarea proprietăților și valorilor este următoarea:

  1. Fișierul de configurare globală needitabil RTEGlobalConfiguration_Readonly.json este încărcat.

  2. Este încărcat fișierul de configurare global editabil RTEGlobalConfiguration.json.

    • Proprietățile din această configurație a inlocui* aceleași proprietăți numite în fișierul de configurare anterior.

  3. Fișierul de configurare specific instanței, dacă există, este încărcat. Vedea Configurare avansată pentru mai multe informații despre configurarea la nivel de instanță.

    • Proprietățile din această configurație a inlocui* aceleași proprietăți numite în oricare dintre fișierele de configurare anterioare.

    Notă

    Toate proprietățile sunt înlocuite cu exceptia pentru extraPlugins, care sunt îmbinate. Fuzionarea extraPlugins permite utilizarea unei game largi de pluginuri în RTEGlobalConfiguration.json folosind externalPlugins și plugin-uri furnizate de tip out-of-box. Apoi, numai pluginurile necesare pot fi activate prin adăugarea acestora la valorile extraPlugins din configurația specifică instanței.

O coloană cu text îmbogățit activat are un set limitat de configurații care pot fi configurate pentru starea de numai citire sau dezactivată. Puteți afla mai multe despre această configurație din descrierea proprietății „readOnlySettings”.

Proprietăți de editor de text îmbogățit

Fișierul JSON este alcătuit din proprietăți setate ca perechi de nume și valori. Există două tipuri de configurații: celdefaultSupportedProps secțiune și setări de configurare individuale care oferă diverse funcționalități.

ThedefaultSupportedProps este un set de proprietăți pentru plug-in-uri și include suport pentru toate configurațiile CKEditor. Mai multe informatii: Vizualizarea fișierului de configurare a editorului de text îmbogățit. ThedefaultSupportedProps nu se limitează doar la proprietățile plug-in-urilor documentate din CKEditor, dar vă permite, de asemenea, să setați proprietăți pentru mai multe plug-in-uri pe care le adăugați sau le creați. Mai multe informații despre pluginuri: Utilizați pluginuri pentru a extinde procesele de afaceri.

Setările individuale de configurare vă permit să modificați modul în care editorul dvs. se comportă și funcționează.

Vizualizarea fișierului de configurare a editorului de text îmbogățit

Următoarele două imagini identifică vizual cele două secțiuni de configurare. Pentru fișierul de configurare complet, accesați Utilizați resursa web implicită pentru modificări la nivelul întregii organizații.

defaultSupportedProps

Mai multe informatii: defaultSupportedProps Vizualizarea configurației defaultsupportedprops.

Setări de configurare individuale

Mai multe informatii: Setări de configurare individuale Vizualizarea setărilor de configurare individuale.

defaultSupportedProps

Puteți configura toate proprietățile acceptate de CKEditor sub această proprietate. Câteva dintre configurațiile utilizate în mod obișnuit și personalizate sunt descrise mai jos. Pentru documentația completă despre configurațiile CKEditor, consultați CKEditor.config . Editorul de text îmbogățit utilizează în prezent CKEditor versiunea 4.17.1.

Atribut Descriere Valoare implicită
înălțime

Setează înălțimea inițială a editorului de conținut. Opțiunea implicită este 185 px.

"height": 185
stickyStyle

Setează dimensiunea și stilul implicit al fontului.

Pluginul stickyStyle creează un wrapper în jurul conținutului dvs. folosind elementul specificat de „stickyStyles_defaultTag”, care este configurat inițial ca „div” și poate fi schimbat în „p” sau orice etichetă alternativă.

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

Setează eticheta implicită care este afișată în bara de instrumente pentru stilul fontului. Opțiunea implicită este Segoe UI. Eticheta implicită este doar vizuală și nu este funcțională, iar configurația stickyStyle aplică fontul și dimensiunea funcționale.

"font_defaultLabel": "Segoe UI"
fontSize_defaultLabel

Setează eticheta implicită care este afișată în bara de instrumente pentru dimensiunea fontului. Opțiunea implicită este 9. Eticheta implicită este doar vizuală și nu este funcțională, iar configurația stickyStyle aplică fontul și dimensiunea funcționale.

"fontSize_defaultLabel": "9"
toolbarLocation

Locația interfeței cu utilizatorul unde va fi redată bara de instrumente. Valorile acceptate sunt sus și jos. Opțiunea implicită este jos.

"toolbarLocation": "bottom"
bară de instrumente

O listă de butoane din bara de instrumente care vor fi încărcate.

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

Lista separată prin virgulă a inserturilor pentru a fi utilizate într-o instanță de editor. Pluginurile reale care sunt încărcate ar putea fi încă afectate de alte două setări: extraPlugin-uri și eliminați pluginurile.

Actualizarea acestei setări poate elimina inserturile din bara de instrumente. Dacă setați această proprietate pe un șir necompletat, editorul se va încărca fără bara de instrumente.

Dacă doriți să adăugați unul sau mai multe inserturi la bara de instrumente, vă recomandăm să utilizați extraPlugins. Dacă doriți să eliminați unul sau mai multe din lista implicită, utilizați removePlugins.

"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

O listă separată prin virgulă cu alte plug-in-uri care urmează să fie încărcate. Această setare face mai ușoară adăugarea de noi inserturi fără a atinge setarea inserturilor.

Există multe inserturi care sunt necesare pentru ca alte inserturi să funcționeze. De exemplu, insertul de dialog este necesar pentru insertul de legătură. Editorul de text îmbogățit le adaugă automat și nu le puteți suprascrie prin actualizarea acestei proprietăți. Această setare va adăuga pur și simplu noi inserturi la lista anterioară.

Dacă doriți să eliminați oricare dintre presetări, vă recomandăm să utilizați proprietatea removePlugins.

"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

O listă de pluginuri care nu trebuie încărcate. Această setare face posibilă evitarea încărcării unor plugin-uri definite în setarea plugins/extraPlugins fără a fi nevoie să le atingeți.

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

Dimensiunea maximă în megabyți (MB) permisă pentru imaginile încorporate atunci când se utilizează pluginul superimagine. Opțiunea implicită este 5.

"superimageImageMaxSize": 5
Conținut interzis

Vă permite să interziceți elemente pe care nu doriți să le aveți în conținut. Puteți interzice elemente întregi sau după atribute, clase și stiluri. Pentru mai multe informații despre configurația „disallowedContent” CKEditor, consultați Reguli de conținut nepermis.

"disallowedContent": "form[action]; *[formaction]; script; *[on*]"
linkTargets

Vă permite să configurați ce opțiuni de țintă a legăturilor sunt disponibile pentru utilizatori atunci când creează linkuri.

 Legă ținte - ```notSet```: Nu a fost stabilită nicio țintă pentru documentul din eticheta de ancorare - ```frame```: Deschide documentul în cadrul specificat - ```popupWindow```: Deschide documentul într-o fereastră pop-up - ```_blank```: Deschide documentul într-o fereastră sau o filă nouă - ```_top```: Deschide documentul în întreg corpul ferestrei - ```_self```: Deschide documentul în aceeași fereastră sau filă în care este activată legătura - ```_parent```: Deschide documentul în cadrul părinte



Exemplu:

"linkTargets": ["notSet", "_blank"]

Setări de configurare individuale

Puteți configura alte setări de configurare care afectează modul în care funcționează editorul.

Atribut Descriere Valoare implicită
attachmentEntity

Setând această proprietate și specificând un tabel diferit, puteți evita utilizarea tabelului implicit pentru fișiere, astfel încât să puteți impune mai multă securitate dacă este necesar.

Mai multe informatii: Coloane de fișiere (Microsoft Dataverse)-Power Apps

Sintaxă:

 "attachmentEntity": {
   "name": "<<name of the image table>>",
   "fileAttributeName": "<<attribute name of the blob reference>>"
}

Exemplu:

"attachmentEntity": {
  "name": "msdyn_mystorageforcustomizedsecurity",
  "fileAttributeName": "msdyn_customfilestorage"
}

Implicită:

"attachmentEntity": {
  "name": "msdyn_richtextfiles",
  "fileAttributeName": "msdyn_fileblob"
}
disableContentSanitization În mod implicit, igienizarea conținutului este dezactivată pentru a permite copierea și lipirea cu succes a conținutului text îmbogățit din surse externe. Când este activată, dezinfectarea conținutului va elimina unele dintre atributele sau etichetele personalizate. Această configurație se aplică numai pentru mod editare. Redarea stării numai în citire sau dezactivată va fi întotdeauna dezinfectată.

"disableContentSanitization": true
disableDefaultImageProcessing

Implicit, imaginile vor fi încărcate folosind API-ul clientului. De îndată ce o imagine este adăugată în editor, aceasta va fi încărcată pe platformă. Pentru a procesa imagini, setați această proprietate la adevărat.

"disableDefaultImageProcessing": false
disableImages

Setarea acestei proprietăți la adevărat va dezactiva imaginile. Această proprietate va avea cea mai mare prioritate. Aceasta înseamnă că atunci când această proprietate este setată la adevărat, indiferent de valoarea proprietății imageEntity, imaginile vor fi dezactivate. Implicit, imaginile sunt activate.

"disableImages": false
externalPlugins

Utilizând această proprietate, puteți scrie propriile pluginuri și le puteți utiliza în controlul editorului de text îmbogățit.

Fără valoare implicită, deoarece acesta este modul în care vă puteți extinde funcționalitatea adăugând alte plugin-uri nefurnizate inițial. Valoarea căii poate fi o adresă URL absolută sau relativă.

Exemplu:

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

Exemplu:

"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
]
imageEntity

Setând această proprietate și specificând un tabel diferit, puteți evita utilizarea tabelului implicit pentru imagini, astfel încât să puteți impune mai multă securitate dacă este necesar.

Mai multe informatii: Coloane de imagine (Microsoft Dataverse)-Power Apps

Sintaxă:

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

Exemplu:

"imageEntity": {
  "imageEntityName": "msdyn_mystorageforcustomizedsecurity",
  "imageFileAttributeName": "msdyn_customimagestorage"
}

Implicită:

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

Prin setarea acestei proprietăți, puteți configura alte comportamente pentru coloană atunci când este vizualizată într-o stare de numai citire sau dezactivată.

Exemplu:

"readOnlySettings": {
  "height:": 500,
  "showFullScreenExpander": true
}

Implicită:

"readOnlySettings": {
}
readOnlySettings

Prin setarea acestei proprietăți, puteți permite afișarea mai multor conținut.

Exemplu:

 "sanitizerAllowlist": {
   "attributes": ["data-id-wrapper"],
   "cssProperties": ["filter","list-style-type"],
   "domains": ["([a-z0-9]+[.])*.youtube.com","www.randomsite.com"],
   "protocols": ["file","ftp"],
   "tags": ["input"]
}

Implicită:

"sanitizerAllowlist": {
  "attributes": [],
  "cssProperties": [],
  "domains": [],
  "protocols": [],
  "tags": []
}
showAsTabControl

Prin setarea acestei proprietăți, puteți afișa mai multe comenzi deasupra ferestrei editorului.

Trebuie setat la true pentru a activa următoarele atribute:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false
showFullScreenExpander

Această proprietate adaugă funcționalitatea de extindere/restrângere a ecranului complet, care vă permite să extindeți și să utilizați editorul în modul ecran complet.

Depinde de showAsTabControl setat la true.

"showFullScreenExpander": false
showHtml

Această proprietate adaugă opțiunea de a afișa și edita direct conținutul html.

Depinde de showAsTabControl setat la true.

"showHtml": false
showPreview

Această proprietate adaugă opțiunea de a previzualiza conținutul editorului randat ca html. Previzualizarea vă permite să vedeți cum se va afișa conținutul dvs. dacă partajați și randați conținutul ca HTML în afara editorului.

Depinde de showAsTabControl setat la true.

"showPreview": false
showPreviewHeaderWarning

Această proprietate vă permite să afișați/ascundeți mesajul de avertizare care este afișat la previzualizarea conținutului.

Depinde de showAsTabControl și showPreview setate la true.

"showPreviewHeaderWarning": false

Configurații de editor de text îmbogățit utilizate în mod obișnuit

Următoarele sunt configurații comune pentru editorul de text îmbogățit. Aceste configurații eșantion pot fi utilizate pentru a activa tipuri specifice de experiențe de text îmbogățit. Pentru fiecare probă, creați o resursă web JSON sau modificați configurația implicită a resursei web. Mai multe informatii: Creați și utilizați configurația avansată pentru controlul editorului de text îmbogățit și Utilizați resursa web implicită pentru modificări la nivelul întregii organizații

Setați fontul implicit la Calibri cu dimensiunea fontului de 11 pt

Setați fontul și dimensiunea implicite pentru a se potrivi cu Microsoft Windows implicite. Acest exemplu arată ce setări utilizați pentru a implementa această schimbare în experiența dvs.

Setați acesteadefaultSupportedProps proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Efectuați întreruperi de linie (tasta Enter) creați a< br> în loc de< p>

Comportamentul implicit pentru tasta Enter creează blocuri de paragraf cu< p> Etichetă HTML (utilizată și la interpretarea conținutului lipit). Blocurile de paragrafe sunt folosite în HTML pentru a grupa informații. În unele cazuri, atunci când creați noi sau lipiți informații din Microsoft Word sau alt editor de conținut, datorită modului în care fiecare browser interpretează formatarea etichetei bloc de paragraf (< p>) ușor diferit, poate doriți să utilizați< br> Etichetă HTML în loc de blocuri de paragrafe. Distanța verticală pentru< br> Etichetele HTML în anumite cazuri pot fi mai consistente vizual într-o varietate de browsere și experiențe. Acest exemplu vă arată cum să schimbați de la< p> la< br>.

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


   "enterMode": 2

Tot conținutul lipit sau creat este compatibil cu HTML 5

Controlul editorului de text îmbogățit funcționează cel mai bine cu conținutul HTML 5, deși etichetele și formatarea HTML 4 pot fi, de asemenea, utilizate cu succes. În unele cazuri, amestecul de etichete HTML 4 și HTML 5 poate crea provocări de utilizare atunci când selectați și setați fonturi și dimensiuni. Utilizarea „allowedContent” vă poate asigura că întregul conținut este HTML 5. Acest exemplu permite toate etichetele HTML 5 acceptate. Toate etichetele neconforme sunt convertite în echivalentul lor HTML 5.

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Mai multe exemple de configurații ale editorului de text îmbogățit

Adăugați expansorul pe ecran complet

Setați acesteaIndividual configuration settings proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: Setări de configurare individuale)


 "showAsTabControl": true
 
 "showFullScreenExpander": true

Controlul expansorului de ecran.

Adăugați fila vizualizare sursă HTML

Setați acesteaIndividual configuration settings proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: Setări de configurare individuale)


 "showAsTabControl": true
 
 "showHtml": true

Controlul filei HTML.

Adăugați o bară de instrumente simplă cu dimensiunea fontului, bold, cursiv, subliniat și evidențiat

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Comenzi pentru un editor simplu.

Eliminați bara de instrumente pentru a crea o suprafață de redare a textului îmbogățit

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


   "toolbar": []

Fără bară de instrumente.

Adăugați o nouă listă de fonturi și setați Brush Script MT ca font implicit cu o dimensiune implicită de 20 px

Setați acesteadefaultSupportedProps proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: 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"
   }

Setați un nou font implicit.

Poziționați bara de instrumente în partea de sus a editorului de text îmbogățit

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


   "toolbarLocation": "top"

Bara de instrumente poziționată în partea de sus a editorului de text îmbogățit.

Porniți editorul la înălțimea de 30 de pixeli și apoi creșteți automat pentru a se potrivi conținutului

Setați acesteadefaultSupportedProps proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Tastarea în zona de text îmbogățit o va crește pentru a se potrivi conținutului.

Fixează înălțimea editorului la 500 px

Setați acesteadefaultSupportedProps proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Cu o înălțime fixă, editorul rămâne la aceeași înălțime. Când este adăugat suficient conținut, apare o bară de derulare.

Creați o suprafață de text simplu care elimină toate etichetele HTML, cu excepția etichetei „br”.

Setați acesteadefaultSupportedProps proprietățile din fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Setează astaIndividual configuration settings proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: Setări de configurare individuale)


 "disableImages": true

Crearea unei suprafețe de text simplu face ca benzile să fie html.

Eliminați meniul contextual, astfel încât clic dreapta să funcționeze cu verificarea ortografică a browserului implicit

Activarea acestei funcționalități elimină capacitatea de editare contextuală prin clic dreapta.

Setează astadefaultSupportedProps proprietate în fișierul dvs. de configurare. Fiecare valoare ar trebui să fie urmată de a, (comma) cu excepția cazului în care este ultima valoare: (Mai multe informații: defaultSupportedProps)


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

Eliminați meniul contextual, astfel încât opțiunea clic dreapta va funcționa cu verificarea ortografică implicită a browserului.

Utilizați resursa web implicită pentru modificări la nivelul întregii organizații

Resursa web RTE implicită este disponibilă cu numele afișat RTEGlobalConfiguration.json. Această configurație este utilizată pentru toate cazurile de control RTE și poate fi utilizată pentru a face modificări la nivelul întregii organizații. Aceasta include RTE utilizat în notele cu text îmbogățit din cronologie, gestionarea cunoștințelor și câmpurile cu o singură și mai multe linii care sunt configurate pentru a utiliza controlul RTE.

{
    "defaultSupportedProps": {
        "allowedIframeDomains": [],
        "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,editorplaceholder,filetools,find,floatpanel,font,iframerestrictor,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": [],
        "linkDefaultProtocol": "https://",
        "listStylePosition": "inside",
        "pasteAzureBlobImageAsBase64": false,
        "qtCellBorderColor": "rgb(171, 171, 171)",
        "qtCellBorderStyle": "solid",
        "qtCellBorderWidth": "1px",
        "qtCellPadding": "1",
        "qtCellSpacing": "0",
        "qtCellWith": "120px",
        "pasteFilter": null,
        "qtColumns": 8,
        "qtRows": 6,
        "qtStyle": {
            "border-collapse": "collapse",
            "font-size": "9pt"
        },
        "removeDialogTabs": "flash:Upload;link:upload",
        "removePlugins": "a11yhelp,codemirror,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": []
    },
    "attachmentEntity": {
        "name": "msdyn_richtextfiles",
        "fileAttributeName": "msdyn_fileblob"
    },
    "disableContentSanitization": true,
    "disableDefaultImageProcessing": false,
    "disableImages": false,
    "imageEntity": {
        "imageEntityName": "msdyn_richtextfiles",
        "imageFileAttributeName": "msdyn_imageblob"
    },
    "readOnlySettings": {
    },
    "sanitizerAllowlist": {
        "attributes": [],
        "cssProperties": [],
        "domains": [],
        "protocols": [],
        "tags": []
    },
    "showAsTabControl": false,
    "showFullScreenExpander": false,
    "showHtml": false,
    "showPreview": false,
    "showPreviewHeaderWarning": false
}

Găsiți setarea curentă pentru o configurație de editor de text îmbogățit

  1. Într-un browser Microsoft Edge sau Google Chrome, rulați aplicația bazată pe model și deschideți un formular care are controlul editorului de text îmbogățit, cum ar fi un rând al contului.

  2. presa Ctrl în timp ce faceți clic pe zona de control a editorului de text îmbogățit, apoi selectați Inspecta.

  3. În panoul de inspecție, selectați fila Consolă, apoi selectați pagina principală Main.aspx din caseta listă derulantă de pe bara de comandă.

    Selectați fila Consolă și apoi selectați pagina principală.aspx principală din caseta listă derulantă.

  4. Selectați Ștergeți consola pe bara de comandă a panoului de inspecție.

    Ștergeți comanda consolei.

  5. În consola panoului de inspecție, introduceți CKEDITOR.config. pentru a afișa diferitele configurații.

    Lista configurațiilor Editorului CK.

  6. Selectați o configurație, cum ar fi autoGrow_minHeight, pentru a afișa setarea curentă.

Utilizarea barei de instrumente a editorului de text îmbogățit

Bara de instrumente pentru editorul de text îmbogățit oferă funcții și funcționalități care vă permit să lucrați cu formatul de text îmbogățit în note și e-mail.

Opțiuni de formatare

Următorul tabel descrie diferitele caracteristici de formatare și opțiuni de funcționalitate care sunt disponibile în editorul de text îmbogățit pe care îl puteți utiliza.

Icon Nume Comandă rapidă de la tastatură Descriere
Copiere formatare. Copiere formatare Ctrl+Shift+C, Ctrl+Shift+V Aplicați aspectul unei anumite secțiuni unei alte secțiuni.
Font. Font Ctrl+Shift+F Selectați fontul dorit. Fontul implicit este Segoe UI.

Notă: Când selectați orice conținut formatat, numele fontului pentru acel conținut va fi afișat. Dacă selecția dvs. conține mai multe fonturi, se afișează cel mai de sus nume de font al selecției dvs.
Dimensiune font. Dimensiune font Ctrl+Shift+P Modificați dimensiunea textului. Dimensiunea implicită este 12.

Notă: Când selectați orice conținut formatat, dimensiunea fontului pentru acel conținut va fi afișată. Dacă selecția dvs. conține mai multe dimensiuni de fonturi, se afișează cel mai de sus nume de font al selecției dvs.
Aldin. Aldin Ctrl+B Transformați textul în aldin.
Cursiv. Cursiv Ctrl+I Transformați textul în italic.
Subliniat. Subliniat Ctrl+U Subliniați-vă textul.
Culoare evidențiere text. Culoare evidențiere text Faceți ca textul să iasă în evidență prin evidențierea cu o culoare strălucitoare.
Culoare font. Culoare font Modificați culoarea textului.
Marcatori. Marcatori Creați o listă cu marcatori.
Numerotare. Numerotare Creați o listă numerotată.
Micșorare indent. Micșorare indent Mutați paragraful mai aproape de margine.
Mărire indent. Mărire indent Mutați paragraful mai departe de margine.
Citat. Citat Aplicați un format de cotație la nivel de bloc în conținutul dvs.
Aliniere la stânga. Aliniere la stânga Ctrl+L Aliniați conținutul la marginea stânga. (Folosit în mod obișnuit pentru blocul de text pentru a facilita citirea.)
Aliniere la centru. Aliniere la centru Ctrl+E Centrați conținutul pe pagină. (Folosit în mod obișnuit pentru un aspect formal.)
Aliniere la dreapta. Aliniere la dreapta Ctrl+R Aliniați-vă conținutul la marginea dreaptă. (Folosit în mod obișnuit pentru un aspect formal.)
Legare. Legare Creați un link în documentul dvs. pentru acces rapid la paginile web și fișiere.

Textul URL lipit sau tastat este transformat într-un link. De exemplu, „http://myexample.com” va deveni „http://myexample.com”.

În caseta de dialog Link, alegeți tipul de link pe care doriți să îl inserați.

Fila Informații despre link vă permite să selectați tipul de link și să setați protocolul de link și adresa URL.

Fila Țintă este disponibilă doar pentru tipul de link URL. Acesta specifică locația în care se va deschide linkul după ce îl selectați.
Eliminare link. Anulați legătura Ștergeți un link din e-mail sau document.

Când plasați cursorul într-un link, butonul Anulare legătură de pe bara de instrumente devine activ. Selectați butonul pentru a elimina linkul și a-l transforma în text simplu.
Exponent. Exponent Tastați litere mici chiar deasupra liniei de text.
Indice. Indice Introduceți litere mici chiar sub linia de text.
Tăiat. Tăiere text cu o linie Tăiați textul trasând o linie peste el.
Inserare imagine. Inserați imaginea Puteți insera o imagine direct prin copiere și lipire în linie în editor, prin glisare și fixare de pe desktop sau folderul local direct în editor sau tastând o adresă URL. Următoarele formate sunt acceptate: .PNG, .JPG., sau .GIF.

Pentru a insera o imagine în linie în articolul dvs.:
1. Glisați și fixați imaginea sau copiați și lipiți-o direct în articol.
2. Trageți orice colț al imaginii pentru a o redimensiona.

Pentru a insera o imagine folosind un URL sau navigând la imaginea locală:
1. Alegeți Inserare imagine.
2. În dialogul de proprietăți Imagine, alegeți dintre următoarele opțiuni:
  • Selectați Navigați pentru a naviga la imaginea de pe computer.
  • Sau specificați adresa web a imaginii și proprietățile pentru a defini cum va apărea imaginea în e-mail sau articol.

    • Notă:
    • Dacă imaginea se află pe un server extern, utilizați calea absolută completă.
    • Dacă imaginea se află pe un server local, utilizați o cale relativă.
    • Dacă doriți ca imaginea să fie legată de o țintă, adăugați o adresă URL pentru imagine.
    • De asemenea, puteți specifica dacă doriți ca pagina direcționată să se deschidă într-o nouă fereastră, în fereastra cea mai de sus, în aceeași fereastră sau în fereastra părinte.
Stânga spre dreapta. Stânga spre dreapta Modificați textul de la stânga la dreapta pentru conținut, cum ar fi un paragraf, antet, tabel sau listă. Folosit frecvent pentru conținutul limbajului bi-direcțional. Aceasta este setarea implicită.
Dreapta spre stânga. Dreapta spre stânga Modificați textul de la dreapta la stânga pentru conținut, cum ar fi un paragraf, antet, tabel sau listă. Folosit frecvent pentru conținutul limbajului bi-direcțional. Setarea implicită este de la stânga la dreapta.
Anulează tastarea. Anulează tastarea Anulați modificările efectuate la conținut.
Refaceți tastarea. Refaceți tastarea Refaceți modificările efectuate la conținut.
Goliți toate formatările. Goliți toate formatările Eliminați toate formatările dintr-o selecție de text, lăsând doar textul normal, neformatat.
Adăugați un tabel. Adăugați un tabel Adăugați un tabel la conținutul dvs.

După adăugarea unui tabel, puteți face oricare dintre următoarele:

  • Redimensionați coloanele tabelului făcând clic și glisând mouse-ul pentru a redimensiona coloanele până la lățimea dorită.
  • Selectați una sau mai multe celule dintr-un tabel și aplicați formatarea specifică, adăugați link-uri la selecție sau tăiați, copiați sau lipiți rânduri sau coloane întregi.
  • Clic dreapta pentru a accesa proprietățile. Aceasta acceptă caracteristici precum tipul celulei, lățimea și înălțimea, împachetarea cuvintelor, alinierea, îmbinarea și împărțirea celulelor pe orizontală și verticală, inserarea sau ștergerea rândurilor și coloanelor, intervalul rândurilor și coloanelor și culoarea celulei și a chenarului.
Ajutor pentru accesibilitate Alt + 0 Afișați lista de comenzi rapide de accesibilitate disponibile atunci când utilizați controlul editorului de text îmbogățit.
Extindeți bara de instrumente. Extindeți bara de instrumente Se afișează când bara de instrumente este restrânsă și nu apar toate opțiunile. Selectați pentru a extinde bara de instrumente și pentru a face vizibile toate opțiunile.

Sfat

Puteți accesa meniul contextual al browserului dvs. selectând Ctrl + clic dreapta. Acest lucru este util dacă trebuie să utilizați verificatorul ortografic încorporat în browser. În caz contrar, puteți face clic dreapta pentru a furniza formatarea contextuală pentru orice element pe care îl utilizați.

De asemenea, o alternativă la verificatorul ortografic încorporat al browserului dvs. este Extensia browser Microsoft Editor. Microsoft Editor funcționează perfect cu controlul editorului de text îmbogățit și, atunci când este activat, oferă capabilități rapide și ușoare de gramatică și verificare ortografică.

Comenzi rapide pentru accesibilitate

Următorul tabel prezintă o listă de comenzi rapide de accesibilitate disponibile atunci când se utilizează controlul editorului de text îmbogățit. Puteți accesa această listă în timp ce compuneți conținut apăsând Alt+0.

Tip Comandă rapidă de la tastatură Descriere
General Alt+F11 Comutare vizualizare ecran complet.
Navigare prin file Alt+Ctrl+0 Accesați bara de instrumente a editorul.
Navigare prin file Alt + 1 Accesați editor de text îmbogățit.
Navigare prin file Alt + 2 Accesați editor HTML.
Navigare filă Alt + 3 Accesați vizualizare previzualizare.
Comenzile editorului general Alt+F10 Navigați la bara de instrumente editor. Treceți la grupul de bară de instrumente următor și anterior cu Tab și Shift + Tab. Treceți la butonul următor și anterior al barei de instrumente cu săgeata dreapta sau săgeata stângă. Apăsați Space sau Enter pentru a activa butonul barei de instrumente.
Comenzi generale editor Alt+- Extindeți/restrângeți bara de instrumente a editorului.
Comenzi generale editor Vedeți descrierea. Dialogul editor: în interiorul unui dialog, apăsați Tab pentru a naviga la următorul element din dialog, apăsați Shift + Tab pentru a trece la elementul de dialog anterior, apăsați Enter pentru a trimite dialogul, apăsați ESC pentru a anula dialogul. Când un dialog conține mai multe file, lista de file poate fi accesată fie cu Alt + F10 sau cu Tab, urmând ordinea filelor de dialog. Cu o listă de file concentrată, treceți la fila următoare și anterioară cu săgeata dreapta și respectiv stânga.
Comenzi generale editor Vedeți descrierea. Caseta listă pentru editor: în interiorul unei casete de listă, treceți la următorul articol din listă cu Tab sau Săgeată jos. Treceți la elementul anterior din listă cu Shift+Tab sau Săgeată sus. Apăsați Bară de spațiu sau Enter pentru a selecta o opțiune de listă. Apăsați ESC pentru a închide caseta listă.
Comenzi de bază Ctrl+Z Anulează comanda.
Comenzi de bază Shift+Ctrl+Z Refacere comandă.
Comenzi de bază Ctrl+B Comandă aldine.
Comenzi de bază Ctrl+I Comandă italic.
Comenzi de bază Ctrl+U Comandă subliniere.
Comenzi de bază Alt + 0 Ajutor accesibilitate.
Comenzi de bază Esc Operațiune anulare.

Experiență offline

Controlul editorului de text îmbogățit este disponibil atunci când lucrați offline cu o configurație de bază. Mai jos este o listă de pluginuri și opțiuni de formatare acceptate atunci când lucrați offline. Toate configurațiile adăugate prin fișierele de resurse web nu sunt disponibile când sunteți offline.

Pluginuri disponibile pentru offline

Următoarele pluginuri sunt disponibile pentru editorul de text îmbogățit atunci când sunt offline.

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

Opțiuni de formatare pentru offline

Următorul tabel descrie diferitele caracteristici de formatare și opțiuni de funcționalitate care sunt disponibile în editorul de text îmbogățit când sunteți offline.

Icon Nume Comandă rapidă de la tastatură Descriere
Bold. Aldin Ctrl+B Transformați textul în aldin.
Italic. Cursiv Ctrl+I Transformați textul în italic.
Subliniat. Subliniat Ctrl+U Subliniați-vă textul.
Marcatori. Marcatori Creați o listă cu marcatori.
Numerotare. Numerotare Creați o listă numerotată.
Micșorare indent. Micșorare indent Mutați paragraful mai aproape de margine.
Mărire indent. Mărire indent Mutați paragraful mai departe de margine.
Citat. Citat Aplicați un format de cotație la nivel de bloc în conținutul dvs.
Aliniere la stânga. Aliniere la stânga Ctrl+L Aliniați conținutul la marginea stânga. (Folosit în mod obișnuit pentru blocul de text pentru a facilita citirea.)
Aliniere la centru. Aliniere la centru Ctrl+E Centrați conținutul pe pagină. (Folosit în mod obișnuit pentru un aspect formal.)
Aliniere la dreapta. Aliniere la dreapta Ctrl+R Aliniați-vă conținutul la marginea dreaptă. (Folosit în mod obișnuit pentru un aspect formal.)
Tăiat. Tăiere text cu o linie Tăiați textul trasând o linie peste el.
Stânga spre dreapta. Stânga spre dreapta Modificați textul de la stânga la dreapta pentru conținut, cum ar fi un paragraf, antet, tabel sau listă. Folosit frecvent pentru conținutul limbajului bi-direcțional. Aceasta este setarea implicită.
Dreapta spre stânga. Dreapta spre stânga Modificați textul de la dreapta la stânga pentru conținut, cum ar fi un paragraf, antet, tabel sau listă. Folosit frecvent pentru conținutul limbajului bi-direcțional. Setarea implicită este de la stânga la dreapta.
Anulează tastarea. Anulează tastarea Anulați modificările efectuate la conținut.
Refaceți tastarea. Refaceți tastarea Refaceți modificările efectuate la conținut.
Goliți toate formatările. Goliți toate formatările Eliminați toate formatările dintr-o selecție de text, lăsând doar textul normal, neformatat.

Întrebări frecvente

Î: De ce caracterele tastate se afișează încet?

A. Dimensiunea mare a conținutului poate provoca latență. Mai multe informatii: Cele mai bune practici pentru utilizarea editorului de text îmbogățit. Verificările ortografice sau gramaticale pot, de asemenea, încetini performanța de tastare.

Probleme cunoscute

  • Markup HTML este afișat pentru coloanele configurate să utilizeze controlul editorului de text îmbogățit care sunt afișate în alte componente decât o coloană dintr-un formular care nu au formatul setat la RichText. De exemplu, acest lucru se întâmplă în vizualizări, subgrile, rapoarte paginate și portaluri.

Marcaj HTML afișat într-o coloană dintr-o subgrilă. Pentru a rezolva această problemă, consultați Configurare simplă pentru pașii necesari pentru a seta Format opțiunea pentru Text bogat.

Consultați și

Creați și editați coloane pentru Microsoft Dataverse utilizând portalul Power Apps

Notă

Ne puteți spune care preferințele dvs. lingvistice pentru documentație? Răspundeți la un chestionar scurt. (rețineți că acest chestionar este în limba engleză)

Chestionarul va dura aproximativ șapte minute. Nu sunt colectate date personale (angajament de respectare a confidențialității).