Agregar el control del editor de texto enriquecido a una aplicación basada en modelos

Nota

A partir de noviembre de 2020:

  • Common Data Service ha cambiado de nombre a Microsoft Dataverse. Más información
  • Se ha actualizado parte de la terminología en Microsoft Dataverse. Por ejemplo, entidad es ahora tabla y campo es ahora columna. Más información

Este artículo se actualizará pronto para reflejar la terminología más reciente.

El control del editor de texto enriquecido proporciona al usuario de la aplicación un área de edición WYSIWYG para dar formato al texto. El formato de entrada y salida del control es HTML. El control permite pegar en el control texto enriquecido copiado, como desde un navegador web o Word.

Algunas de las opciones de formato disponibles son:

  • Negrita, cursiva, subrayado y tachado
  • Color del texto, color de resaltado
  • Tipo y tamaño de fuente
  • Listas numeradas y listas con viñetas
  • Hipervínculos
  • Tablas
  • Imágenes

Para obtener una lista completa de opciones predeterminadas, consulte Usar la barra de herramientas del editor de texto enriquecido.

Rich text control editor in a model-driven app

Agregar o reemplazar una columna de texto para editar texto enriquecido

Puede crear una nueva columna de texto y configurar el control, o reemplazar una columna de texto existente. El control del editor de texto enriquecido se puede utilizar con columnas de texto de una o varias líneas.

  1. Inicie sesión en Power Apps. Vaya a Soluciones, abra la solución que desee, abra la tabla que desee y luego seleccione la pestaña Formularios.

  2. Seleccione el formulario y, a continuación, seleccione Editar formulario.

  3. En el diseñador de formularios, en la barra de comandos, seleccione Cambiar a clásico para abrir el formulario en el diseñador de formularios clásico.

  4. En el lienzo heredado del diseñador de formularios, agregue o cree una columna de texto o seleccione una columna de texto existente, como la columna de la tabla de cuentas Descripción. En la pestaña Inicio, seleccione Cambiar propiedades.

  5. En la página Propiedades de columna, seleccione la pestaña Controles y, a continuación, seleccione Agregar control.

  6. Seleccione Control del editor de texto enriquecido y luego seleccione Añadir.

  7. Seleccione Web, Teléfono y Tableta si desea que todas las aplicaciones cliente tengan la capacidad de usar texto enriquecido en la columna. Luego seleccione Aceptar para utilizar la configuración de control del editor de texto enriquecido predeterminada. Si desea cambiar la configuración del control del editor de texto enriquecido, consulte Opciones de configuración de control del editor de texto enriquecido.

    Rich text control editor configuration
  8. Guarde y publique el formulario.

Opciones de configuración del control del editor de texto enriquecido

El control del editor de texto enriquecido viene con un amplio conjunto de opciones de configuración que hacen posible personalizar su apariencia, características y comportamiento. Para configurar el control del editor de texto enriquecido, siga estos pasos:

  1. Cree un archivo JSON que incluya la estructura defaultSupportedProps y configuración con los cambios que desee. Más información: Ejemplos de configuraciones de editor de texto enriquecido y Propiedades del editor de texto enriquecido
  2. En Power Apps, cree un recurso web de tipo Script (JScript) a partir del archivo JSON creado en el paso 1. Más información: Crear o editar recursos web de aplicaciones controladas por modelos para ampliar una aplicación
  3. Abra la página Propiedades de columna para la columna de texto con el control del editor de texto enriquecido y luego, junto a RichTextEditorControl_URL, seleccione Editar.

    URL del control del editor de texto enriquecido.

  4. Seleccione Enlazar a valor estático, ingrese la URL relativa al recurso web JavaScript en el cuadro junto a SingleLine.URL y luego seleccione Aceptar. La URL relativa se encuentra en la definición de recurso web.
  5. Seleccione Aceptar para cerrar la página Propiedades de columna.
  6. En la barra de comandos del editor de formularios, seleccione Publicar.

Mejores prácticas para usar el editor de texto enriquecido

Tenga en cuenta lo siguiente cuando utilice el editor de texto enriquecido:

  • El mejor rendimiento se logra cuando el tamaño del contenido HTML es de 1 MB o menos. Cuando el tamaño de su contenido HTML supera 1 MB, es posible que observe tiempos de respuesta más lentos para cargar y editar contenido. De forma predeterminada, se hace referencia al contenido de la imagen desde el contenido HTML, pero no se almacena como parte del contenido HTML, por lo que en la configuración predeterminada, las imágenes no afectan negativamente al rendimiento.

  • Los campos de texto enriquecido almacenarán etiquetas HTML que se necesitan para dar formato junto con los datos introducidos por el usuario. Cuando establezca el tamaño máximo para su campo, asegúrese de asignar un tamaño lo suficientemente grande para las etiquetas HTML y los datos introducidos por el usuario.

  • De forma predeterminada, el editor de texto enriquecido cargará imágenes en el almacenamiento de Azure Blob Storage y no se almacenarán como parte del campo. Las imágenes se almacenarán en el mismo campo que base64 cuando el remitente no tenga permisos para la entidad msdyn_richtextfiles. El contenido de base64 es extremadamente grande, por lo que generalmente no querrá almacenar imágenes como base64.

Propiedades del editor de texto enriquecido

El archivo JSON se compone de propiedades establecidas como pares de nombre y valor. Hay dos tipos de configuraciones: la sección defaultSupportedProps y los ajustes de configuración individuales que proporcionan diversas funciones.

defaultSupportedProps es un conjunto de propiedades para los complementos e incluye soporte para todas las configuraciones de CKEditor. Para obtener más información, consulte defaultSupportProps. El defaultSupportedProps no se limita solo a las propiedades del complemento documentadas desde CKEditor, sino que también le permite establecer propiedades para complementos adicionales que agregue o cree. Para obtener más información sobre complementos, consulte Usar complementos para ampliar los procesos de negocio.

Los ajustes de configuración individuales le permiten cambiar cómo se comporta y funciona su editor.

Visualización del archivo de configuración del editor de texto enriquecido

Las siguientes dos imágenes identifican visualmente las dos secciones de configuración. Para obtener el archivo de configuración completo, consulte Usar el recurso web para cambios en toda la organización.

defaultSupportedProps

visualización de la configuración de defaultSupportedProps.

Opciones de configuración individuales

Visualización de las opciones de configuración individuales.

defaultSupportedProps

Puede configurar todas las propiedades compatibles con CKEditor en esta propiedad. A continuación se describen algunas de las configuraciones personalizadas y de uso común. Para obtener documentación completa sobre las configuraciones de CKEditor, consulte CKEditor.config.

Atributo Descripción Valor predeterminado
height

Establece la altura inicial del editor de contenido. El valor predeterminado es 185 px.

"height": 185

font_defaultLabel

Establece la etiqueta predeterminada que se muestra en la barra de herramientas para el estilo de fuente. El valor predeterminado es Segoe UI.

"font_defaultLabel": "Segoe UI"

fontSize_defaultLabel

Establece la etiqueta predeterminada que se muestra en la barra de herramientas para el tamaño de fuente. El valor predeterminado es 9.

"fontSize_defaultLabel": "9"

stickyStyle

Establece el estilo y el tamaño de fuente predeterminados reales. Además, puede incluir cualquier otra propiedad de CSS que le gustaría establecer como parte de su estilo predeterminado.

El complemento stickyStyle crea una contenedor alrededor de su contenido utilizando el elemento especificado por "stickyStyles_defaultTag", que inicialmente está configurado como "div".

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

La ubicación de la interfaz de usuario donde se representará la barra de herramientas. Los valores admitidos son parte superior y parte inferior. El predeterminado es parte inferior.

"toolbarLocation": "bottom"

toolbar

Una lista de botones de la barra de herramientas que se cargarán.

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

complementos

Lista de complementos separados por comas que se utilizarán en una instancia de editor. Tenga en cuenta que los complementos reales que se cargan aún pueden verse afectados por otras dos configuraciones: extraPlugins y removePlugins.

La actualización de esta configuración puede eliminar los complementos de la barra de herramientas. Si establece esta propiedad en una cadena vacía, el editor se cargará sin la barra de herramientas.

Si desea agregar uno o más complementos a la barra de herramientas, le recomendamos que utilice extraPlugins. Si desea eliminar uno o más de la lista predeterminada, utilice removePlugins.

"plugins": "dialogui,dialog,about,a11yhelp,basicstyles,notification,button, toolbar,clipboard,panel,floatpanel,menu,contextmenu,resize,elementspath, enterkey,entities,popup,filetools,filebrowser,floatingspace,listblock, richcombo,format,horizontalrule,htmlwriter,wysiwygarea,image,indent, indentlist,fakeobjects,link,list,magicline,maximize,pastetext,pastefromword, removeformat,showborders,sourcearea,specialchar,menubutton,scayt, stylescombo,tab,table,tabletools,undo,lineutils,widgetselection,widget, notificationaggregator,uploadwidget,uploadimage,wsc"

extraPlugins

Una lista separada por comas de complementos adicionales que se cargarán. Esta configuración facilita la adición de nuevos complementos sin tocar la configuración de complementos.

Hay muchos complementos necesarios para que funcionen otros complementos. Por ejemplo, el complemento de diálogo es necesario para el complemento de enlace. El editor de texto enriquecido los agrega automáticamente y no puede anularlos actualizando esta propiedad. Esta configuración simplemente agregará nuevos complementos a la lista anterior.

Si desea eliminar alguno de los ajustes preestablecidos, le recomendamos que utilice la propiedad removePlugins.

"extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi, blockquote,button,collapser,colorbutton,colordialog,onfighelper, contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock, justify,panel,panelbutton,pastefromword,quicktable,selectall, stickystyles,superimage,tableresize,tableselection,tabletools"

removePlugins

Una lista de complementos que no se deben cargar. Esta configuración permite evitar cargar algunos complementos definidos en la configuración de complementos/extraPlugins sin tener que tocarlos.

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

superimageImageMaxSize

El tamaño máximo en megabytes (MB) permitido para imágenes insertadas cuando se usa el complemento de superimage. El valor predeterminado es 5.

"superimageImageMaxSize": 5

Opciones de configuración individuales

Puede configurar opciones de configuración adicionales que afecten a las funciones de su editor.

Atributo Descripción Valor predeterminado
disableContentSanitization

"disableContentSanitization": false

disableDefaultImageProcessing

De forma predeterminada, las imágenes se cargarán mediante la API del cliente. Tan pronto como se agregue una imagen al editor, se cargará en la plataforma. Para procesar imágenes, establezca esta propiedad en true.

"disableDefaultImageProcessing": false

disableImages

Al establecer esta propiedad en true, se inhabilitarán las imágenes. Esta propiedad tendrá la máxima prioridad. Esto significa que cuando esta propiedad se establece en verdadera, independientemente del valor de la propiedad imageEntity, las imágenes estarán deshabilitadas. De forma predeterminada, las imágenes están habilitadas.

"disableImages": false

externalPlugins

Al usar esta propiedad, puede escribir sus propios complementos y usarlos en el control del editor de texto enriquecido.

Sin valor predeterminado, ya que así es como puede ampliar su funcionalidad agregando complementos adicionales que no se proporcionaron originalmente.

Ejemplo:

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

Ejemplo:

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

Al establecer esta propiedad, puede evitar el uso de la tabla predeterminada para imágenes, de modo que pueda aplicar seguridad adicional si es necesario.

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

Al establecer esta propiedad, puede mostrar comandos adicionales sobre la ventana del editor.

Debe establecerse en true para habilitar los siguientes atributos:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false

showFullScreenExpander

Esta propiedad agrega la funcionalidad de expandir y contraer a pantalla completa, que le permite expandir y usar el editor en modo de pantalla completa.

Depende de si showAsTabControl se ha establecido en true.

"showFullScreenExpander": false

showHtml

Esta propiedad agrega la opción de mostrar y editar el contenido html directamente.

Depende de si showAsTabControl se ha establecido en true.

"showHtml": false

showPreview

Esta propiedad agrega la opción de ver previamente el contenido del editor representado como html. La versión preliminar le permite ver cómo se mostrará su contenido si comparte y representa el contenido como HTML fuera del editor.

Depende de si showAsTabControl se ha establecido en true.

"showPreview": false

showPreviewHeaderWarning

Esta propiedad le permite mostrar u ocultar el mensaje de advertencia que se muestra al obtener una versión preliminar del contenido.

Depende de si showAsTabControl y showPreview se han establecido en true.

"showPreviewHeaderWarning": false

Configuraciones de ejemplo del editor de texto enriquecido

Los siguientes datos de ejemplo del código de configuración del editor de texto enriquecido se pueden utilizar para habilitar tipos específicos de experiencias de texto enriquecido. Para cada muestra, cree un recurso web JSON. Más información: Opciones de configuración de control del editor de texto enriquecido

Agregar el expansor de pantalla completa

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

Control del expansor de pantalla.

Agregar la pestaña de vista de código fuente HTML

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

Control de pestaña HTML.

Agregar una barra de herramientas simple con tamaño de fuente, negrita, cursiva, subrayado y resaltado

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

Controles para un editor simple.

Quitar la barra de herramientas para crear una superficie de representación de texto enriquecido

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

Sin barra de herramientas.

Agregar una nueva lista de fuentes y configurar Brush Script MT como la fuente predeterminada con un tamaño predeterminado de 20 px

{ "defaultSupportedProps": {"font_names":"Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;", "font_defaultLabel":"Brush Script MT", "fontSize_sizes":"8/8px;12/12px;20/20px;32/32px", "fontSize_defaultLabel":"20", "stickyStyle":{"font-size":"20px", "font-family":"'Brush Script MT', cursive"}  }}

Establecer una nueva fuente predeterminada.

Coloque la barra de herramientas en la parte superior del editor de texto enriquecido

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

Barra de herramientas colocada en la parte superior del editor de texto enriquecido.

Iniciar el editor a una altura de 30 px y luego aumentar automáticamente para adaptarse al contenido

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

Escribir en el área de texto enriquecido aumentará el tamaño para adaptarse al contenido.

Fijar la altura del editor en 500 px

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

Con una altura fija, el editor permanece a la misma altura. Cuando se agrega suficiente contenido, aparece una barra de desplazamiento.

Crear una superficie de texto sin formato que elimine todas las etiquetas html (excepto la etiqueta "br")

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

La creación de una superficie de texto sin formato transforma las franjas en html.

Eliminar el menú contextual para que el clic derecho funcione con el corrector ortográfico predeterminado del navegador

Habilitar esta funcionalidad elimina la capacidad de edición contextual con el botón derecho.

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

Eliminar el menú contextual para que el clic derecho funcione con el corrector ortográfico predeterminado del navegador.

Usar el recurso web para realizar cambios en toda la organización

El recurso web RTE predeterminado está disponible con el nombre para mostrar RTEGlobalConfiguration.json. Esta configuración se utiliza para todas las instancias del control RTE y se puede utilizar para realizar cambios en toda la organización. Esto incluye el RTE utilizado en notas de texto enriquecido de la escala de tiempo, la administración de conocimientos y los campos de una o varias líneas configurados para utilizar el control RTE.

{
  "defaultSupportedProps": {
 
        "autoGrow_onStartup": true,
 
        "basicEntities": true,
 
        "browserContextMenuOnCtrl": true,
 
        "copyFormatting_allowRules": true,
 
        "customConfig": "",
 
        "dialog_backgroundCoverColor": "black",
 
        "disableNativeSpellChecker": false,
 
        "enterMode": 3,
 
        "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools",
 
        "fillEmptyBlocks": true,
 
        "font_defaultLabel": "Segoe UI",
 
        "font_names": "Angsana New/'Angsana New', 'Leelawadee UI', Sathu, serif;Arial/Arial, Helvetica, sans-serif;Arial Black/'Arial Black', Arial, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;Calibri/Calibri, Helvetica, sans-serif;Cambria/Cambria, Georgia, serif;Candara/Candara, Optima, sans-serif;Century Gothic/'Century Gothic', sans-serif;Comic Sans MS/'Comic Sans MS';Consolas/Consolas, Courier, monospace;Constantia/Constantia, 'Hoefler Text', serif;Corbel/Corbel, Skia, sans-serif;Cordia New/'Cordia New', 'Leelawadee UI', Silom, sans-serif;Courier New/'Courier New';DaunPenh/DaunPenh, 'Leelawadee UI', 'Khmer MN', sans-serif;Franklin Gothic Book/'Franklin Gothic Book', 'Avenir Next Condensed', sans-serif;Franklin Gothic Demi/'Franklin Gothic Demi', 'Avenir Next Condensed Demi Bold', sans-serif;Franklin Gothic Medium/'Franklin Gothic Medium', 'Avenir Next Condensed Medium', sans-serif;Garamond/Garamond, Georgia, serif;Gautami/Gautami, 'Nirmala UI', 'Telugu MN', sans-serif;Georgia/Georgia, serif;Impact/Impact, Charcoal, sans-serif;Iskoola Pota/'Iskoola Pota', 'Nirmala UI', 'Sinhala MN', sans-serif;Kalinga/Kalinga, 'Nirmala UI', 'Oriya MN', sans-serif;Kartika/Kartika, 'Nirmala UI', 'Malayalam MN', sans-serif;Latha/Latha, 'Nirmala UI', 'Tamil MN', sans-serif;Leelawadee UI/'Leelawadee UI', Thonburi, sans-serif;Lucida Console/'Lucida Console', Monaco, monospace;Lucida Handwriting/'Lucida Handwriting', 'Apple Chancery', cursive;Lucida Sans Unicode/'Lucida Sans Unicode';Mangal/Mangal, 'Nirmala UI', 'Devanagari Sangam MN', sans-serif;Nirmala UI/'Nirmala UI', sans-serif;Nyala/Nyala, Kefa, sans-serif;Palatino Linotype/'Palatino Linotype', 'Book Antiqua', Palatino, serif;Raavi/Raavi, 'Nirmala UI', 'Gurmukhi MN', sans-serif;Segoe UI/'Segoe UI', 'Helvetica Neue', sans-serif;Shruti/Shruti, 'Nirmala UI', 'Gujarati Sangam MN', sans-serif;Sitka Heading/'Sitka Heading', Cochin, serif;Sitka Text/'Sitka Text', Cochin, serif;Sylfaen/Sylfaen, Mshtakan, Menlo, serif;TW Cen MT/'TW Cen MT', 'Century Gothic', sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/'Times New Roman', Times, serif;Times/Times, 'Times New Roman', serif;Trebuchet MS/'Trebuchet MS';Tunga/Tunga, 'Nirmala UI', 'Kannada MN', sans-serif;Verdana/Verdana, Geneva, sans-serif;Vrinda/Vrinda, 'Nirmala UI', 'Bangla MN', sans-serif;メイリオ/Meiryo, メイリオ, 'Hiragino Sans', sans-serif;仿宋/FangSong, 仿宋, STFangsong, serif;微軟正黑體/'Microsoft JhengHei', 微軟正黑體, 'Apple LiGothic', sans-serif;微软雅黑/'Microsoft YaHei', 微软雅黑, STHeiti, sans-serif;新宋体/NSimSun, 新宋体, SimSun, 宋体, SimSun-ExtB, 宋体-ExtB, STSong, serif;新細明體/PMingLiU, 新細明體, PMingLiU-ExtB, 新細明體-ExtB, 'Apple LiSung', serif;楷体/KaiTi, 楷体, STKaiti, serif;標楷體/DFKai-SB, 標楷體, BiauKai, serif;游ゴシック/'Yu Gothic', 游ゴシック, YuGothic, sans-serif;游明朝/'Yu Mincho', 游明朝, YuMincho, serif;隶书/SimLi, 隶书, 'Baoli SC', serif;黑体/SimHei, 黑体, STHeiti, sans-serif;굴림/Gulim, 굴림, 'Nanum Gothic', sans-serif;궁서/Gungsuh, 궁서, GungSeo, serif;돋움/Dotum, 돋움, AppleGothic, sans-serif;맑은 고딕/'Malgun Gothic', '맑은 고딕', AppleGothic, sans-serif;바탕/Batang, 바탕, AppleMyungjo, serif;바탕체/BatangChe, 바탕체, AppleMyungjo, serif;MS Pゴシック/'MS PGothic', 'MS Pゴシック', 'MS Gothic', 'MS ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;MS P明朝/'MS PMincho', 'MS P明朝', 'MS Mincho', 'MS 明朝', 'Hiragino Mincho ProN', serif",
 
        "fontSize_defaultLabel": "9",
 
        "fontSize_sizes": "8/8pt;9/9pt;10/10pt;11/11pt;12/12pt;14/14pt;16/16pt;18/18pt;20/20pt;22/22pt;24/24pt;26/26pt;28/28pt;36/36pt;48/48pt;72/72pt;",
 
        "height": 185,
 
        "keystrokes": [],
 
        "qtCellBorderColor": "rgb(171, 171, 171)",
 
        "qtCellBorderStyle": "solid",
 
        "qtCellBorderWidth": "1px",
 
        "qtCellPadding": "1",
 
        "qtCellSpacing": "0",
 
        "qtCellWith": "120px",
 
        "qtColumns": 8,
 
        "qtRows": 6,
 
        "qtStyle": {
 
            "border-collapse": "collapse",
 
            "font-size": "9pt"
 
        },
 
        "removeDialogTabs": "flash:Upload;link:upload",
 
        "removePlugins": "a11yhelp,codemirror,liststyle,magicline,scayt,showborders",
 
        "skin": "superowa",
 
        "stickyStyle": {
 
            "font-size": "9pt",
 
            "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
 
        },
 
        "stickyStyles_defaultTag": "div",
 
        "superimageImageMaxSize": 5,
 
        "toolbarcollapser_enableResizer": true,
 
        "toolbarLocation": "bottom",
 
        "uploadRecordId": []
 
    },
 
    "disableContentSanitization": false,
 
    "disableDefaultImageProcessing": false,
 
    "disableImages": false,
 
    "imageEntity": {
 
        "imageEntityName": "msdyn_richtextfiles",
 
        "imageFileAttributeName": "msdyn_imageblob"
 
    },
 
    "showAsTabControl": false,
 
    "showFullScreenExpander": false,
 
    "showHtml": false,
 
    "showPreview": false,
 
    "showPreviewHeaderWarning": false}
}

Conocer la configuración actual para una configuración de editor de texto enriquecido

  1. En un navegador web Microsoft Edge o Google Chrome, ejecute su aplicación basada en modelos y abra un formulario que tenga el control del editor de texto enriquecido, como una fila de cuenta.

  2. Mantenga presionada la tecla Ctrl mientras hace clic en el área de control del editor de texto enriquecido, y luego seleccione Inspeccionar.

  3. En el panel de inspección, seleccione la pestaña Consola, y luego seleccione la página principal Main.aspx en el cuadro de lista desplegable de la barra de comandos.

    Seleccionar la pestaña Consola y luego seleccionar la página principal main.aspx desde el cuadro de lista desplegable.

  4. Seleccione Borrar consola en la barra de comandos del panel de inspección.

    Comando Borrar consola.

  5. En la consola del panel de inspección, ingrese CKEDITOR.config. para mostrar las diferentes configuraciones.

    Lista de configuraciones de Editor CK.

  6. Seleccione una configuración, como autoGrow_minHeight, para mostrar la configuración actual.

Usar la barra de herramientas del editor de texto enriquecido

La barra de herramientas del editor de texto enriquecido proporciona características y funciones que le permiten trabajar con formato de texto enriquecido en notas y correo electrónico.

Opciones de formato

La siguiente tabla describe las diferentes características de formato y opciones de funcionalidad que están disponibles en el editor de texto enriquecido que puede usar en las notas y el correo electrónico.

Nota

Puede acceder al menú contextual de su navegador seleccionando Ctrl + clic derecho. Esto es útil si necesita utilizar el corrector ortográfico integrado de su navegador. De lo contrario, puede hacer clic con el botón derecho para proporcionar formato contextual para cualquier elemento que esté utilizando.

Icon Asignar nombre Tecla de método abreviado Descripción
Copiar formato. Copiar formato Ctrl+Mayús+C, Ctrl+Mayús+V Aplica el aspecto de una sección concreta a otra sección.
Fuente. Fuente Ctrl+Mayús+F Permite seleccionar la fuente deseada. La fuente predeterminada es Segoe UI.

Nota: Al seleccionar contenido formateado, se muestra el nombre de la fuente para ese contenido. Si la selección contiene varias fuentes, se muestra el nombre de la primera fuente de la selección.
Tamaño de fuente. Tamaño de fuente Ctrl+Mayús+P Cambia el tamaño del texto. El tamaño predeterminado es 12.

Nota: Al seleccionar contenido formateado, se muestra el tamaño de la fuente para ese contenido. Si la selección contiene varios tamaños de fuente, se muestra el nombre de la primera fuente de la selección.
Negrita. Negrita Ctrl+B Aplica negrita al texto.
Cursiva. Italic Ctrl+I Aplica cursiva al texto.
Subrayar. Subrayado Ctrl+U Aplica subrayado al texto.
Color de resaltado de texto. Color de resaltado de texto Resalta el texto con un color brillante.
Color de fuente. Color de fuente Cambia el color del texto.
Viñetas. Viñetas Cree una lista con viñetas.
Numeración. Numeración Cree una lista numerada.
Disminuir sangría. Disminuir sangría Acerca el párrafo al margen.
Aumentar sangría. Aumentar sangría Aleja el párrafo del margen.
Cita en bloque. Cita en bloque Aplica un formato de comillas de nivel de bloque al contenido.
Alinear a la izquierda. Alinear a la izquierda Ctrl+L Alinea el contenido con el margen izquierdo. (Se suele usar para el texto del cuerpo, a fin de facilitar la lectura).
Alinear al centro. Alinear al centro Ctrl+E Centra el contenido en la página. (Se suele usar para un aspecto formal).
Alinear a la derecha. Alinear a la derecha Ctrl+R Alinee su contenido con el margen derecho. (Se suele usar para un aspecto formal).
Vincular. Vincular Crea un vínculo en el documento para acceder rápidamente a páginas web y archivos.

El texto de dirección URL pegado o escrito se convierte en un vínculo. Por ejemplo, "http://myexample.com" se convierte en "http://myexample.com".

En el cuadro de diálogo Vínculo seleccione el tipo de vínculo que desea insertar.

La pestaña Información de vínculo le permite elegir el tipo de vínculo, así como establecer el protocolo y la dirección URL del vínculo.

La pestaña Destino solo está disponible para el tipo de vínculo URL. Especifica la ubicación donde se abrirá el vínculo tras seleccionarlo.
Desvincular artículo. Desvincular Elimina un vínculo del mensaje de correo electrónico o documento.

Cuando coloque el cursor en un vínculo, el botón Desvincular en la barra de herramientas pasa a estar activo. Seleccione el botón para quitar el vínculo y convertirlo en texto sin formato.
Superíndice. Superíndice Permite escribir letras muy pequeñas justo por encima de la línea de texto.
Subíndice. Subíndice Permite escribir letras muy pequeñas justo por debajo de la línea de texto.
Tachado. Tachado Tacha el texto atravesándolo con una línea.
Insertar imagen. Insertar imagen Puede insertar una imagen directamente o copiándola y pegándola insertada en el editor, arrastrándola y colocándola de la carpeta de escritorio o local directamente en el editor, o escribiendo una dirección URL. Se admiten los siguientes formatos de imagen: .PNG, .JPG., o .GIF.

Para insertar una imagen incorporada en su artículo:
1. Arrastre y coloque la imagen, o cópiela y péguela directamente en el artículo.
2. Arrastre cualquier esquina de la imagen para cambiarla de tamaño.

Para insertar una imagen mediante una dirección URL o navegando a la imagen local:
1. Elija Insertar imagen.
2. En el cuadro de diálogo Imagen, seleccione entre las siguientes opciones:
  • Seleccionar Examinar para navegar a la imagen en su equipo.
  • O especifique la dirección web de la imagen, y las propiedades para definir cómo aparecerá la imagen en el correo electrónico o el artículo.

  • Nota:
    • Si la imagen se encuentra en el servidor externo, use la ruta de acceso absoluta completa.
    • Si la imagen se encuentra en un servidor local, puede usar una ruta de acceso relativa.
    • Si desea que la imagen esté vinculada a un objetivo, agregue una URL para la imagen.
    • También puede especificar si desea que la página de destino se abra en una ventana nueva, la ventana siempre visible, la misma ventana, o la ventana principal.
De izquierda a derecha. De izquierda a derecha Cambie el texto de izquierda a derecha para contenido como un párrafo, un encabezado, una tabla o una lista. Se suele usar para contenido de lenguaje bidireccional. Esta es la configuración predeterminada.
De derecha a izquierda. De derecha a izquierda Cambie el texto de derecha a izquierda para contenido como un párrafo, un encabezado, una tabla o una lista. Se suele usar para contenido de lenguaje bidireccional. La configuración predeterminada es de izquierda a derecha.
Deshacer escritura. Deshacer escritura Deshace los cambios realizados en el contenido.
Rehacer escritura. Rehacer escritura Rehace los cambios realizados en el contenido.
Borrar todo el formato. Borrar todo el formato Quita todo el formato de una selección de texto, dejando únicamente el texto normal sin formato.
Agregar una tabla. Agregar una tabla Agrega una tabla al contenido.

Tras agregar una tabla, puede hacer lo siguiente:

  • Para cambiar el tamaño de las columnas de la tabla, haga clic y arrastre hasta alcanzar el ancho deseado.
  • Seleccione una o varias celdas dentro de una tabla y aplique un formato específico, agregue vínculos a la selección y corte, copie o pegue filas o columnas enteras.
  • Haga clic con el botón secundario para acceder a las propiedades. Esto admite características como tipo, ancho y alto de celda, ajuste de palabras, alineación, fusión y división de celdas horizontal y verticalmente, inserción o eliminación de filas y columnas, extensión de fila y columna, y color de celda y borde.
Expandir barra de herramientas. Expandir barra de herramientas Aparece cuando la barra de herramientas está contraída y no se muestran todas las opciones. Haga clic para expandir la barra de herramientas y hacer que todas las opciones estén visibles.

Nota

Para acceder al menú contextual del navegador, presione Ctrl a la vez que hace clic en el botón secundario. Esto es útil si tiene que utilizar el corrector ortográfico integrado en el navegador. También puede hacer clic con el botón secundario para proporcionar formato contextual para cualquier elemento que esté utilizando.

Accesos directos de accesibilidad

La siguiente tabla describe una lista de atajos de accesibilidad disponibles cuando se usa el control del editor de texto enriquecido. Puede acceder a esta lista mientras redacta contenido presionando Alt + 0.

Tipo Tecla de método abreviado Descripción
General Alt+F11 Alterna la vista de pantalla completa.
Navegación entre pestañas Alt+Ctrl+0 Vaya a la barra de herramientas del editor.
Navegación entre pestañas Alt + 1 Va al editor de texto enriquecido.
Navegación entre pestañas Alt + 2 Va al editor de HTML.
Navegación de pestañas Alt + 3 Va a la vista previa.
Comandos generales del editor Alt+F10 Va a la barra de herramientas del editor. Pase al siguiente o anterior grupo de barra de herramientas con las teclas TAB y Mayús+TAB. Pase al siguiente o anterior botón de barra de herramientas con las teclas flecha derecha o flecha izquierda. Presione la barra espaciadora o Entrar para activar el botón de la barra de herramientas.
Comandos generales del editor Alt+- Expandir/contraer la barra de herramientas del editor.
Comandos generales del editor Ver descripción. Cuadro de diálogo del editor: dentro de un cuadro de diálogo, presione TAB para navegar al siguiente elemento del cuadro de diálogo, presione Mayús+TAB para desplazarse al elemento anterior del cuadro de diálogo, presione Entrar para enviar el cuadro de diálogo y presione ESC para cancelar el cuadro de diálogo. Cuando un cuadro de diálogo tiene varias pestañas, se puede acceder a la lista de pestañas con Alt+F10 o con la tecla TAB, siguiendo el orden de tabulación del cuadro de diálogo. Con una lista de pestañas en el foco, puede pasar la pestaña siguiente o anterior con las teclas Flecha derecha y Flecha izquierda, respectivamente.
Comandos generales del editor Ver descripción. Cuadro de lista del editor: dentro de un cuadro de lista, puede pasar al siguiente elemento de la lista con la tecla TAB o Flecha abajo. Puede ir al elemento anterior de la lista con Mayús+TAB o Flecha arriba. Presione Barra espaciadora o Entrar para seleccionar la opción de lista. Presione ESC para cerrar el cuadro de lista.
Comandos básicos Ctrl+Z Comando Deshacer.
Comandos básicos Mayús+Ctrl+Z Comando Rehacer
Comandos básicos Ctrl+N Comando Negrita.
Comandos básicos Ctrl+K Comando Cursiva.
Comandos básicos Ctrl+S Comando Subrayado.
Comandos básicos Alt + 0 Ayuda de accesibilidad.
Comandos de base Esc Cancelar la operación.

Preguntas frecuentes

P: ¿Por qué los caracteres escritos tardan en mostrarse?

A. Un contenido de gran tamaño puede provocar latencia. Para obtener más información, consulte Mejores prácticas para usar el editor de texto enriquecido. Las comprobaciones ortográficas o gramaticales también pueden ralentizar el rendimiento de la escritura.

Problemas conocidos

  • El marcado HTML se muestra para las columnas configuradas para usar los controles del editor de texto enriquecido que se muestran en componentes distintos de una columna de un formulario. Por ejemplo, esto ocurre en vistas, subcuadrículas, informes paginados y portales.

El marcado HTML se muestra en una columna en una subcuadrícula.

Consultar también

Crear y editar columnas para Microsoft Dataverse utilizando el portal de Power Apps