Comparteix a través de


Afegir el control d'editor de text enriquit a una aplicació basada en models

El control de l'editor de text enriquit és un editor lleuger basat en HTML basat en el popular CKEditor. Us permet crear, enganxar i editar text formatat a les vostres aplicacions basades en models. Per formatar text a l'editor, podeu utilitzar la barra d'eines de l'editor, inserir etiquetes HTML o enganxar text formatat d'altres aplicacions, com ara un navegador web o el Word.

Podeu personalitzar l'aparença, les característiques i el comportament de l'editor.

Captura de pantalla de l'editor de text enriquit predeterminat en una aplicació basada en models.

Millores de l'editor de text modern

L'editor de text modern està dissenyat per alinear-se amb les interfícies familiars i intuïtives de les aplicacions de Microsoft com Outlook, Word i OneNote. Aquesta experiència, establerta per defecte, introdueix un disseny modern, mode fosc, temes d'alt contrast i una nova funció de Copilot per millorar les vostres capacitats d'edició de text.

Nota

La versió clàssica de l'editor de text enriquit va quedar obsoleta a l'abril de 2025. Si teniu problemes amb l'actualització o l'ús de l'editor de text enriquit modern, poseu-vos en contacte amb el servei d'atenció al client de Microsoft.

Afegir el control de l'editor de text enriquit a una columna de text d'un formulari

  1. Inicieu sessió a Power Apps.

  2. A la subfinestra de navegació esquerra, seleccioneu Solucions.

  3. Obriu una solució i, a continuació, obriu una taula a la solució.

  4. A l'àrea Experiències de dades, seleccioneu Formularis i, a continuació, obriu el formulari que conté la columna de text a la qual voleu afegir l'editor de text enriquit.

  5. Al llenç del dissenyador de formularis, seleccioneu una columna de text existent. Com a alternativa, seleccioneu Nova columna de taula per crear una columna de text nova, introduïu un nom de visualització, seleccioneu Text> enriquit per al tipus de dades i, a continuació, seleccioneu Desa. Columna de text enriquit

    Nota

    Si voleu afegir el control de l'editor de text enriquit a una columna que ja existeix, primer heu de canviar el tipus de dades de la columna a Text (si encara no és una columna de text) i, a continuació, seleccioneu l'opció Format mitjançant l'opció Text enriquit.

  6. A la subfinestra Propietats de la columna , expandiu la llista Components , seleccioneu + Component i, a continuació, seleccioneuControl de l'editor de text enriquit.

  7. A la subfinestra Control Afegeix l'editor de text enriquit, seleccioneu Web , Telèfon itauleta per permetre que les aplicacions que s'executin en qualsevol dispositiu utilitzin l'editor.

    Si voleu personalitzar l'editor, introduïu l'URL relatiu del seu fitxer de configuració, un recurs web JavaScript que contingui les propietats que voleu canviar, al quadre Valor estàtic. Si deixeu aquest camp buit, l'editor utilitzarà la seva configuració per defecte.

  8. Seleccioneu Fet. La columna de text enriquit s'afegeix al formulari.

    Captura de pantalla del control de l'editor de text enriquit en un formulari d'aplicació basada en models.

  9. Seleccioneu Desa i publica per aplicar els canvis al formulari.

Afegir el control de l'editor de text enriquit a una columna de text

També podeu crear una columna per a una taula que utilitzi el control de l'editor de text enriquit. Els passos següents us mostren com crear una columna de text que es pot afegir posteriorment a un formulari per a una aplicació basada en models.

  1. Inicieu la sessió a Power Apps.

  2. A la subfinestra de navegació esquerra, seleccioneu Solucions.

  3. Obriu una solució i una taula a la solució.

  4. A l'àrea Esquema , seleccioneu Columnes i, a continuació, obriu una columna de text.

    Si la taula no conté cap columna de text, seleccioneu Columna nova i introduïu un nom per a la columna.

  5. A la subfinestra dreta, seleccioneu Format i, a continuació, seleccioneu Text enriquit.

  6. Deseu la columna.

Personalitzar el control de l'editor de text enridit

Les personalitzacions següents estan disponibles a l'experiència clàssica de l'editor de text enriquit.

Power Apps Permet canviar les propietats del control de l'editor de text enririquit per personalitzar-ne l'aparença, les característiques i el comportament. Per personalitzar una instància específica del control, especifiqueu les propietats i els seus valors en un fitxer de configuració individual amb format JSON. Per personalitzar la configuració global del control, canvieu les propietats del fitxer de configuració per defecte.

Nivells de personalització

Es poden aplicar fins a tres nivells, o capes, de configuració per personalitzar l'editor de text enriquit:

  1. En el nivell més fonamental, cada instància del control pren la seva configuració del fitxer RTEGlobalConfiguration_Readonly.json. El fitxer és només de lectura, de manera que no podeu canviar aquestes propietats directament.

    Nota

    RTEGlobalConfiguration.json no s'aplica al correu electrònic, als articles de la Knowledge Base, a les plantilles de correu electrònic i a les signatures.

  2. Al següent nivell, cada instància del control pren la seva configuració de les propietats del fitxer RTEGlobalConfiguration.json, si n'hi ha. Aquesta configuració s'afegeix a l'anterior, de manera que les propietats d'aquest fitxer substitueixen les mateixes propietats del fitxer només de lectura.

  3. Finalment, al nivell més alt, una instància específica del control pren la seva configuració d'un fitxer de configuració específic, si n'hi ha. Aquesta configuració s'afegeix a l'anterior, de manera que les propietats d'aquest fitxer substitueixen les mateixes propietats anomenades en els dos fitxers de nivell inferior.

Hem d'afegir una lleugera qualificació aquí. El sistema no substitueix totes les propietats per les d'una configuració de nivell superior. Les extraPlugins propietats es fusionen per permetre l'ús d'una àmplia gamma de connectors externs i de fàbrica en la configuració per defecte. Això us permet activar i desactivar els connectors segons sigui necessari al fitxer de configuració per a instàncies específiques del control.

Personalitzar una instància específica de l'editor de text enriquit

  1. A l'editor Visual Studio de codi o un altre text, creeu un fitxer i doneu-li un nom significatiu.

    El fitxer RTEGlobalConfiguration.json conté la configuració per defecte o global de l'editor de text enriquit. Si esteu personalitzant el control en, per exemple, un formulari de contacte, podeu anomenar el fitxer d'alguna manera semblant RTEContactFormConfiguration.json.

  2. Copieu i enganxeu el fragment de codi següent al fitxer:

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

L'últim parell propertyName:value no acaba amb una coma.

  1. Substituïu propertyName i value per les propietats del control de l'editor de text enriquit que voleu canviar. Els valors de cadena s'han d'incloure entre cometes.

    Us hem proporcionat alguns exemples de configuracions , però podeu definir-ne d'altres que s'adaptin a les vostres necessitats.

  2. A Power Apps, creeu un recurs web de tipus JavaScript (JS) utilitzant el fitxer JSON que heu creat al pas 1.

  3. Afegiu el control de l'editor de text enriït a una columna de text d'un formulari i, a la subfinestra Afegeix el valor estàtic de la >subfinestra Control de l'editor de text enriquit, introduïu l'adreça URL relativa del recurs web JavaScript.

    Tot i que podeu introduir l'adreça URL absoluta del recurs web, us recomanem que introduïu l'adreça URL relativa. D'aquesta manera, el recurs web encara funciona si l'importeu com a solució a un entorn diferent, sempre que el camí relatiu sigui el mateix.

    Per exemple, si l'adreça URL del recurs web és https://yourorg.crm.dynamics.com/WebResources/rtecontactform, l'adreça URL relativa és /WebResources/rtecontactform.

  4. Seleccioneu Fet.

  5. Seleccioneu Desa i publica per aplicar els canvis al formulari.

Personalitzar l'editor de text enrifat globalment

El fitxer RTEGlobalConfiguration.json de configuració global editable és el segon nivell de personalització que podeu aplicar. Per defecte, el fitxer està buit. Això vol dir que totes les instàncies de l'editor de text enriquit utilitzen les propietats del fitxer RTEGlobalConfiguration_Readonly.json només de lectura, tret que creeu un fitxer de configuració per a una instància específica del control.

Si les necessitats de l'empresa requereixen que personalitzeu el control a tot arreu, especifiqueu els valors que necessiteu al RTEGlobalConfiguration.json fitxer. Utilitzeu el fitxer només de lectura com a exemple per assegurar-vos que heu introduït parells propietat-valor en el format correcte.

Utilitzar Copilot per refinar el text a l'editor

Copilot utilitza algoritmes de processament del llenguatge natural per ajudar a millorar el contingut escrit. Podeu afegir Copilot a l'editor de text enriquit i obtenir suggeriments per millorar la gramàtica, la claredat o la qualitat general del text. Obteniu informació sobre com utilitzar Copilot a l'editor de text enriquit.

Propietats de l'editor de text enriquit

El fitxer JSON que determina l'aspecte d'una instància de l'editor de text enriquit conté dos conjunts de propietats:

  • La defaultSupportedProps secció conté propietats dels connectors que determinen què pot fer el control. No us limiteu a les propietats de CKEditor i els seus connectors. També podeu definir valors per a les propietats dels connectors que afegiu o creeu.
  • La secció de propietats individuals conté propietats que determinen l'aspecte del control.

Exemple de fitxer de configuració

El codi següent és un exemple d'un fitxer JSON que conté propietats i defaultSupportedPropspropietats de configuració individuals. Si una propietat té un valor per defecte, es mostra el valor per defecte. Si una propietat no té un valor per defecte, es mostra un valor d'exemple per il·lustrar la sintaxi. Les propietats es descriuen a les dues taules següents.

{
    "defaultSupportedProps": {
        "height": 185,
        "stickyStyle": {
            "font-size": "12pt",
            "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
        },
        "enterMode": 1,
        "stickyStyles_defaultTag": "div",
        "font_defaultLabel": "Segoe UI",
        "fontSize_defaultLabel":"12",
        "toolbarLocation": "top",
        "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" ]
        ],
        "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",
        "toolbarcollapser_enableResizer": false,
        "placeholder":"",
        "linkTargets": ["notSet", "_blank"],
        "stylesSet": "default",
        "fontSize_sizes": "8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px",
        "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",
        "copyFormatting_allowRules": "b s u i em strong span p div td th ol ul li(*)[*]{*}"
    },
    "readOnlySettings": {
    "height": 500,
    "showFullScreenExpander": true
    },
    "sanitizerAllowlist": {
    "attributes": [],
    "cssProperties": [],
    "domains": [],
    "protocols": [],
    "tags": []
    },
    "disableContentSanitization": true,
    "disableOnLoadEditModeSanitization": true,
    "disableDefaultImageProcessing": true,
    "showFullScreenExpander": false,
    "showAsTabControl": false,
    "showHtml": false
}

defaultSupportedProps

La taula següent descriu les propietats més utilitzades, però podeu configurar totes les propietats que admet CKEditor. El control de l'editor de text enriquit utilitza CKEditor 4.

Propietat Descripció Valor per defecte
altura Estableix l'alçada inicial de l'àrea de contingut, en píxels. "185"
stickyStyle Defineix el tipus de lletra i la mida de l'editor. Vegeu defaultSupportedProps
stickyStyles_defaultTag Crea un embolcall al voltant del text a l'àrea de contingut de l'editor. Inicialment està configurat com a "div", però podeu canviar-lo a "p" o qualsevol etiqueta alternativa. "div"
font_defaultLabel Defineix l'etiqueta del tipus de lletra que es mostra a la barra d'eines. L'etiqueta és només per a l'aparença i no és funcional. La stickyStyle propietat determina el tipus de lletra i la mida de l'editor. "Segoe UI"
fontSize_defaultLabel Defineix l'etiqueta de mida de lletra que es mostra a la barra d'eines. L'etiqueta és només per a l'aparença i no és funcional. La stickyStyle propietat determina el tipus de lletra i la mida de l'editor. "9"
toolbarLocation Defineix la ubicació de la barra d'eines a l'àrea de contingut de l'editor. Els valors admesos són "top" i "bottom". "fons"
barra d'eines Llista els botons de la barra d'eines que es mostraran. Vegeu defaultSupportedProps
plugins Llista els connectors predefinits que l'editor pot utilitzar. Els connectors d'aquesta llista poden ser diferents dels connectors que es carreguen, si extraPlugins i removePlugins se'ls dóna un valor. Si definiu aquesta propietat en una cadena buida, l'editor es carregarà sense la barra d'eines. Vegeu defaultSupportedProps
extraPlugins Afegeix connectors a la plugins llista per carregar-ne més.
Molts connectors requereixen altres connectors per funcionar. L'editor de text enriquit els afegeix automàticament i no podeu utilitzar aquesta propietat per substituir-los. Utilitzeu-lo removePlugins en el seu lloc.
Vegeu defaultSupportedProps
removePlugins Llistes de connectors que no es carreguen. Utilitzeu-lo per canviar quins connectors es carreguen sense canviar les plugins llistes i extraPlugins . Vegeu defaultSupportedProps
superimageImageMaxSize Estableix la mida màxima en megabytes (MB) permesa per a les imatges incrustades quan s'utilitza el connector de superimatge. "5"
linkTargets Permet configurar quines opcions de destinació d'enllaços estan disponibles per als usuaris quan creen enllaços:
- "notSet": Cap objectiu establert
- "frame": obre el document en el marc especificat
- popupWindow": Obre el document en una finestra emergent
- "_blank": obre el document en una finestra o pestanya nova
- "_top": obre el document al cos complet de la finestra
- "_self": Obre el document a la mateixa finestra o pestanya on s'activa l'enllaç
- "_parent": obre el document al marc principal
"notSet", "_blank"

Propietats individuals

A la taula següent es descriuen més propietats que podeu utilitzar per personalitzar el control de l'editor de text enriquit.

Propietat Descripció Valor per defecte
attachmentEntity Per aplicar més seguretat als fitxers carregats mitjançant una taula diferent de la predeterminada, definiu aquesta propietat i especifiqueu una taula diferent.
Sintaxi: "name": "tableName", "fileAttributeName": "attributeNameofBlobReference"
Vegeu defaultSupportedProps
disableContentSanitization La sanejament del contingut suprimeix alguns atributs o etiquetes personalitzats del contingut de text enriquit. Està desactivat per defecte per permetre copiar i enganxar contingut de text enriquit de fonts externes. Aquesta propietat només s'aplica al mode d'edició. Quan el control de l'editor és només de lectura o està inhabilitat, el contingut sempre es desinfecta. true
disableDefaultImageProcessing Per defecte, les imatges que s'insereixen a l'editor es carreguen al attachmentEntity definit a la configuració. És possible que els usuaris externs no tinguin privilegis per visualitzar el contingut de la taula. En lloc d'això, definiu aquesta propietat com a true per emmagatzemar imatges com a cadenes base64 directament a la columna configurada per utilitzar el control de l'editor de text enriquit. false
disableImages Determina si es poden inserir imatges a l'editor. Aquesta propietat té la màxima prioritat. Quan aquesta propietat es defineix com a true, les imatges es desactiven, independentment del valor de la imageEntity propietat. false
externalPlugins Llista els connectors externs o els connectors que creeu i que es poden utilitzar al control de l'editor de text enriquit.
Sintaxi: "name": "pluginName", "path": "pathToPlugin" (el valor del camí pot ser una URL absoluta o relativa)
Cap; vegeu defaultSupportedProps per a un exemple
imageEntity Per aplicar més seguretat a les imatges mitjançant una taula diferent de la predeterminada, definiu aquesta propietat i especifiqueu una taula diferent.
Sintaxi: "imageEntityName": "tableName", "imageFileAttributeName": "attributeNameofBlobReference"
Vegeu defaultSupportedProps
readOnlySettings Aquestes propietats determinen el comportament de la columna quan es visualitza en un estat només de lectura o inhabilitat. Podeu especificar qualsevol propietat admesa. Cap; vegeu defaultSupportedProps per a un exemple
sanitizerLlista de permesos Llista altres tipus de contingut que es poden visualitzar a l'editor. Vegeu defaultSupportedProps
showAsTabControl Permet mostrar més ordres a sobre de l'àrea de contingut. S'ha d'establir com a true per utilitzar les propietats següents: showFullScreenExpander, showHtml,, showPreviewshowPreviewHeaderWarning false
showFullScreenExpander Determina si l'editor es pot utilitzar en mode de pantalla completa. showAsTabControl s'ha d'establir com a true. false
showHtml Permet als usuaris mostrar i editar el contingut HTML directament. showAsTabControl s'ha d'establir com a true. false
showPreview Permet als usuaris previsualitzar el contingut de l'editor representat com a HTML. showAsTabControl s'ha d'establir com a true. false
showPreviewHeaderWarning Permet mostrar o amagar el missatge d'advertiment que es mostra en previsualitzar el contingut. showAsTabControl i showPreview s'ha d'establir a true. false
allowSameOriginSandbox Permet tractar el contingut de l'editor com del mateix origen que l'aplicació de renderització.
Utilitzeu aquesta propietat amb precaució. Utilitzeu només contingut extern de confiança. Quan aquesta propietat es defineix com a true, qualsevol contingut extern podria tenir accés als recursos interns.
false

Configuracions d'exemple

Les configuracions d'exemple següents creen personalitzacions específiques de l'editor de text enrifat a l'experiència clàssica. Podeu utilitzar-los tal com estan o com a punt de partida per personalitzar una instància específica de l'editor de text enriquit o globalment.

Estableix el tipus de lletra predeterminat a Calibri d'11 punts

Definiu aquestes defaultSupportedProps propietats al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma (,).

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

Feu que la tecla Retorn inseriu una línia nova en lloc d'un bloc de paràgraf

Per defecte, prement la tecla Retorn es crea un bloc de paràgraf amb l'etiqueta <HTML p> . HTML utilitza blocs de paràgrafs per agrupar informació, com els paràgrafs d'un document del Word. Els navegadors poden formatar l'etiqueta <p> de manera lleugerament diferent, de manera que per a la coherència visual, potser voldreu utilitzar la nova etiqueta <de línia o salt de línia br\> tag en el seu lloc.

Definiu aquesta defaultSupportedProps propietat al fitxer de configuració. Seguiu aquest valor amb una coma (,) tret que sigui l'última propietat del fitxer.

"enterMode": 2,

Permetre que l'editor utilitzi la pantalla completa

Definiu aquestes propietats individuals al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma (,).

"showFullScreenExpander": true,

Captura de pantalla de l'editor de text enriquit, amb el control d'expansió de pantalla completa ressaltat.

Permet visualitzar i editar contingut HTML

Per permetre als usuaris veure i editar l'HTML del seu contingut directament, mostra la pestanya HTML .

Definiu aquestes propietats individuals al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma (,).

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

Captura de pantalla de l'editor de text enriquit, amb el control de la pestanya HTML ressaltat.

Mostra una barra d'eines simplificada o suprimeix-la completament

Per defecte, la barra d'eines de l'editor conté totes les eines de format disponibles. Per proporcionar una barra d'eines simplificada, utilitzeu la toolbar propietat i especifiqueu les eines que els usuaris poden utilitzar per formatar el contingut.

Definiu aquesta defaultSupportedProps propietat al fitxer de configuració. Seguiu aquest valor amb una coma (,) tret que sigui l'última propietat del fitxer.

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

Captura de pantalla de l'editor de text enriquit, amb una barra d'eines simplificada ressaltada.

Per eliminar completament la barra d'eines, establiu el valor de toolbar a '[]' (dos claudàtors).

Afegiu una nova llista de tipus de lletra i definiu Brush Script MT de 20 punts com a tipus de lletra per defecte

Definiu aquestes defaultSupportedProps propietats al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma (,).

"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/8pt;12/12pt;20/20pt;32/32pt"
"fontSize_defaultLabel": "20"
"stickyStyle": {
  "font-size": "20pt",
  "font-family": "'Brush Script MT', cursive"
},

Captura de pantalla de l'editor de text enriquit amb Brush Script com a tipus de lletra predeterminat i una nova llista de tipus de lletra.

Col·locar la barra d'eines a la part superior de l'editor de text enriquit

Definiu aquesta defaultSupportedProps propietat al fitxer de configuració. Seguiu aquest valor amb una coma (,) tret que sigui l'última propietat del fitxer.

"toolbarLocation": "top",

Inicieu l'editor a 30 píxels d'alçada i creixeu per adaptar-vos al contingut

Definiu aquestes defaultSupportedProps propietats al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma (,).

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

Captura de pantalla que il·lustra que escriure a l'àrea de text enrifat o enganxar una imatge l'augmenta per adaptar-se al contingut.

Corregeix l'alçada de l'editor a 500 píxels

Definiu aquestes defaultSupportedProps propietats al fitxer de configuració. Cada valor, excepte l'últim, ha d'anar seguit d'una coma.

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

Captura de pantalla que il·lustra que amb una alçada fixa, quan s'afegeix prou contingut a l'àrea de text enriquit, apareix una barra de desplaçament.

Fer que el menú contextual (clic dret) utilitzi el menú contextual predeterminat del navegador

Per substituir el menú contextual del control de l'editor pel menú contextual per defecte del navegador, suprimiu el connector contextmenu.

Definiu aquesta defaultSupportedProps propietat al fitxer de configuració. Seguiu aquest valor amb una coma (,) tret que sigui l'última propietat del fitxer.

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

La barra d'eines de l'editor de text enrifat

La taula següent descriu les eines de format disponibles a l'editor de text enriquit per defecte.

Icon Nom Tecla de drecera Descripció
Aplicador de format. Copiar el format Ctrl+Maj+C, Ctrl+Maj+V Apliqueu l'aspecte d'una secció concreta a una altra secció.
Tipus de lletra. Nom del tipus de lletra Ctrl+Maj+F Seleccioneu un tipus de lletra. L'aplicació considera el tipus de lletra que seleccioneu com a tipus de lletra per defecte. Segoe UI és el tipus de lletra per defecte si no en seleccioneu cap.

Quan seleccioneu contingut formatat, es mostra el nom del tipus de lletra que s'hi aplica. Si la selecció conté diversos tipus de lletra, es mostrarà el primer aplicat a la selecció.
Cos de lletra. Cos de lletra Control+Maj+P Canvieu la mida del text. L'aplicació considera la mida de lletra que seleccioneu com a mida predeterminada. 12 és la mida predeterminada si no en seleccioneu cap.

Quan seleccioneu contingut formatat, es mostra la mida del tipus de lletra que s'hi aplica. Si la selecció conté diverses mides, es mostrarà la primera aplicada a la selecció.
Negreta. Negreta Ctrl+B Feu que el text sigui en negreta.
Cursiva. Italic Ctrl+I Poseu el text en cursiva.
Subratllat. Subratllat Ctrl+U Subratlleu el text.
Color de marcatge del text. Color de fons Feu que el text destaqui ressaltant-lo amb un color brillant.
Color del tipus de lletra. Color del text Canvieu el color del text.
Pics. Insereix/Suprimeix la llista amb pics Creeu una llista de pics.
Numeració. Insereix/suprimeix la llista numerada Creeu una llista numerada.
Redueix el sagnat. Redueix el sagnat Moveu el vostre paràgraf més a prop del marge.
Augmenta el sagnat. Augmenta el sagnat Moveu el vostre paràgraf més lluny del marge.
Cita en bloc. Cita en bloc Apliqueu un format de cita a nivell de bloc al vostre contingut.
Alinea a l'esquerra. Alinea a l'esquerra Ctrl+L Alineeu el contingut amb el marge esquerre.
Alinea al centre. Alinea al centre Ctrl+E Centreu el contingut a la pàgina.
Alinea a la dreta. Alinea a la dreta Ctrl+R Alinear el contingut amb el marge dret.
Enllaça. Enllaç Creeu un enllaç al document per accedir ràpidament a pàgines web i altres recursos al núvol. Introduïu o enganxeu el text d'ancoratge al quadre Text de visualització i, a continuació, introduïu o enganxeu l'adreça URL al quadre URL .

Opcionalment, seleccioneu un tipus d'enllaç i un protocol si l'enllaç és a una altra cosa que no sigui una pàgina web. Per especificar on s'ha d'obrir un enllaç de tipus URL, seleccioneu la pestanya Destinació i, a continuació, seleccioneu una destinació.

Un URL enganxat o escrit es converteix automàticament en un enllaç. Per exemple, http://myexample.com es converteix. <a href="http://myexample.com">http://myexample.com</a>
Suprimeix l'enllaç. Desenllaça Elimineu l'enllaç d'una àncora i feu-lo text sense format.
Superíndex. Superíndex Escriviu lletres petites just per sobre de la línia de text.
Subíndex. Subíndex Escriviu lletres petites just per sota de la línia de text.
Ratllat. Ratllat Ratlleu el text dibuixant-hi una línia.
Insereix imatge. Image Per inserir una imatge, enganxeu-la des del porta-retalls a l'àrea de contingut o arrossegueu un fitxer d'imatge d'una carpeta a l'àrea de contingut. Arrossegueu qualsevol cantonada de la imatge per canviar-ne la mida. El control admet imatges .png, .jpg. i .gif.

Per tenir més control sobre la font, l'aparença i el comportament de la imatge, seleccioneu el botó Imatge . Navegueu fins al fitxer d'imatge en una carpeta local o introduïu-ne l'URL. Si la imatge s'emmagatzema en un servidor extern, introduïu el camí absolut. Si es troba en un servidor local, podeu introduir un camí relatiu. Opcionalment, introduïu una alçada i una amplada específiques per canviar la mida de la imatge i seleccioneu una alineació. També hauríeu d'introduir text alternatiu per descriure la imatge per a les persones que utilitzen lectors de pantalla.

Si la imatge també és un enllaç a una pàgina web o a un altre recurs al núvol, introduïu l'URL del recurs al quadre URL de destinació i, si cal, seleccioneu la destinació on s'ha d'obrir l'enllaç .
D'esquerra a dreta. Direcció del text d'esquerra a dreta Canvieu el text d'esquerra a dreta. Aquesta és la configuració per defecte.
De dreta a esquerra. Direcció del text de dreta a esquerra Canvieu el text a dreta a esquerra per al contingut en llenguatge bidireccional.
Desfer. Desfés Inverteix l'últim canvi que has fet al contingut.
Refer. Refés Desfés l'última desfés o torni a aplicar l'últim canvi que hagis fet al contingut.
Esborra tot el format. Suprimeix el format Suprimeix tot el format del text seleccionat.
Taula Table Inseriu una taula amb el nombre de files i columnes que seleccioneu. Per tenir més control sobre la mida i l'aspecte de la taula, seleccioneu el botó Taula >Més i canvieu-ne les propietats. També podeu fer clic amb el botó dret en una taula per veure'n i canviar-ne les propietats.

Per canviar l'amplada d'una columna, arrossegueu-ne la vora. Podeu seleccionar una o més cel·les, files o columnes i aplicar un format específic, afegir un enllaç al text seleccionat i retallar, copiar i enganxar files o columnes senceres.
Configuració de la personalització Definiu el tipus de lletra i la mida de lletra predeterminats.
Ajuda d'accessibilitat Alt+0 Obriu la llista de dreceres de teclat que podeu utilitzar a l'editor de text enriquit.
Expandeix la barra d'eines. Amplia la barra d'eines Quan la finestra sigui massa estreta per mostrar tota la barra d'eines, seleccioneu per expandir-la a una segona fila.

Propina

Per utilitzar el corrector ortogràfic integrat del navegador, premeu la tecla Ctrl mentre feu clic amb el botó dret al text que voleu comprovar. En cas contrari, el menú contextual proporciona format contextual per a l'element que seleccioneu.
Una alternativa al corrector ortogràfic integrat del vostre navegador és l'extensió del navegador Microsoft Editor. Microsoft Editor funciona perfectament amb el control de l'editor de text enriquit i, quan està activat, proporciona capacitats de correcció ortogràfica i gramatical en línia ràpides i senzilles.

Utilitzar l'editor de text enrifat fora de línia

El control de l'editor de text enriquit està disponible quan treballeu fora de línia, tot i que sense algunes de les característiques i funcionalitats a les quals esteu acostumats. Les imatges que penges amb la configuració predeterminada de l'editor no estan disponibles quan treballes sense connexió.

Els connectors següents estan disponibles per a l'editor de text enriquit quan està fora de línia:

  • ajax, autogrow, basicstyles, bidi, blockquote, button, confighelper, contextmenu, diàleg, 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, barra d'eines, desfer, selecció de ginys, wysiwygarea, xml

Les eines de format següents estan disponibles a l'editor de text enriquit quan està fora de línia:

  • Llistes en negreta, cursiva, subratllat, vinyetes i numerades, disminuir i augmentar el sagnat, limitar les cometes, alinear a l'esquerra, alinear al centre, alinear a la dreta, ratllat, text bidireccional, desfer i refer i eliminar el format

Pràctiques recomanades per utilitzar l'editor de text enriquit

  • Els camps de text enriquit emmagatzemen etiquetes HTML per al format juntament amb les dades introduïdes per l'usuari. Quan definiu la mida màxima dels camps de text enriquit, assegureu-vos de permetre tant les etiquetes HTML com les dades de l'usuari.

  • Per obtenir el millor rendiment, mantingueu el contingut HTML a 1 MB o menys. Amb mides més grans, és possible que noteu temps de resposta més lents per carregar i editar.

  • En la configuració predeterminada, les imatges no afecten negativament el rendiment perquè s'emmagatzemen per separat del contingut HTML. Tanmateix, les imatges s'emmagatzemen com a contingut base64 a la columna de text quan l'usuari que les carrega no té permisos a la msdyn_richtextfiles taula. El contingut Base64 és gran, de manera que generalment no voleu emmagatzemar imatges com a part del contingut de la columna.

  • Si teniu una funció de seguretat d'administrador del sistema o d'usuari bàsica, la característica de personalització d'usuari funciona per defecte. Si no teniu aquestes funcions, heu de tenir privilegis per crear, llegir i escriure a la msdyn_customcontrolextendedsettings taula perquè funcioni el connector de personalització d'usuari.

  • A la configuració predeterminada de l'editor de text enriquit, si arrossegueu i deixeu anar un fitxer d'imatge a l'editor de text enriquit, es carrega la imatge en línia a la msdyn_richtextfiles taula. Per tal que els usuaris adequats puguin veure la imatge en línia, assegureu-vos d'aplicar els permisos correctes msdyn_richtextfiles.

Limitacions de l'editor de text enriquit

Quan utilitzeu l'editor de text enriquit, tingueu en compte les limitacions enumerades en aquesta secció. Si teniu preguntes sobre la disponibilitat de les funcions, poseu-vos en contacte amb el servei d'atenció al client de Microsoft.

Important

L'editor de text enriquit modern és una nova experiència. Perquè la funcionalitat funcioni correctament, heu d'eliminar la versió clàssica. En cas contrari, és possible que les plantilles no es mostrin correctament.

Les limitacions de l'editor de text enriquit inclouen:

  • No podeu utilitzar contingut de l'editor de text enriquit de cap font externa com Microsoft Word Excel, etc.
  • Els tipus de fitxers següents per als fitxers adjunts s'admeten de forma immediata: .aac, .avi, .csv, .doc, .docx, .gif, .html, .jpeg, .mid, .midi, .mp3, .mp4, .mpeg, .msg, .pdf, .png, .ppt, .pptx, .svg, .txt, .vsd, .wav, .xls, .xlsm i .xlsx. Podeu configurar les extensions permeses per al vostre entorn a la configuració avançada anant a Administració>General>Estableix les extensions de fitxer bloquejades per als fitxers adjunts i eliminant les extensions que voleu permetre.

Gestió del coneixement:

  • Actualment no hi ha cap pestanya de previsualització disponible.

Plantilles de correu electrònic i signatures:

  • Si teniu un problema amb la forma en què es representa una plantilla de correu electrònic, us recomanem que la torneu a crear a l'editor modern.

Preguntes freqüents

Per què els caràcters escrits són lents a mostrar-se?

Si teniu molt contingut a l'editor, el temps de resposta pot augmentar. Mantingueu el contingut a 1 MB o menys per obtenir el millor rendiment. Els correctors ortogràfics o gramaticals també poden alentir el rendiment de l'escriptura.

Per què no puc penjar una imatge? Per què no es carrega la vista prèvia de la imatge?

Si el nom del fitxer d'imatge, inclòs el camí, és llarg, és possible que el fitxer no es carregui o que no es mostri la visualització prèvia. Proveu d'escurçar el nom del fitxer o moure'l a una ubicació amb un camí més curt i, a continuació, torneu-lo a penjar.

Per què veig HTML al meu text?

Si el control de l'editor de text enriquit s'utilitza en una columna que no té format per a text enriquit, el contingut apareix a l'HTML subjacent en lloc de com a text formatat.

Quin és el límit de mida del contingut HTML?

Per obtenir el millor rendiment, mantingueu el contingut HTML a 1 MB o menys. Amb mides més grans, és possible que noteu temps de resposta més lents per carregar i editar.

Captura de pantalla de l'HTML que apareix a l'àrea de contingut de l'editor.

Per resoldre aquest problema, assegureu-vos que el format de la columna estigui definit com a Text enriquit.

He superat el límit de caràcters, però hi ha menys caràcters que el límit. Per què?

La base de dades emmagatzema tot el format HTML, no només els caràcters, que ocupa espai addicional.

Per què no veig l'editor de text enriquit modern?

El control modern de l'editor de text enriquit forma part de l'aspecte nou per a les aplicacions basades en models i no apareix tret que la configuració de l'aplicació estigui activada. Sense la configuració activada, és possible que vegeu una versió anterior de l'editor.

Aspecte nou per a la configuració de l'aplicació d'aplicacions basades en models