Elementos esenciales del editor de texto enriquecido

Información general

Un editor de texto enriquecido (RTE) permite introducir texto con marcado.

En el caso de los componentes Communities, aunque es similar al editor de texto enriquecido del entorno de creación, afecta al texto introducido en el entorno de publicación.

chlimage_1-410

Habilitación del Editor de texto enriquecido

Los componentes de comunidades que permiten contenido generado por el usuario (UGC) pueden habilitarse para permitir RTE. Dependiendo de si el componente se agregó a una página o se incluyó en una función, RTE puede habilitarse o no de forma predeterminada.

Si no está activado, simplemente ingrese modo de edición de autor, seleccione el componente para editar y seleccione la casilla Rich Text Editor.

RTE está disponible para los siguientes componentes de Comunidades:

Personalización

La personalización del editor de texto enriquecido es posible, ya que la implementación se basa en CKEditor.

La configuración actual de los componentes Communities se encuentra en cq.social. scf clientlib, en el repositorio de

/libs/clientlibs/social/commons/scf/ckrte.js

No se recomienda modificar la clientlib cq.social.scf, ya que las futuras actualizaciones pueden anular cualquier edición.

Ejemplo de personalización: Vínculos en línea

Debido a problemas de seguridad, las opciones de hipervínculo no se incluyen en el conjunto de iconos de texto enriquecido que se presentan a los miembros de forma predeterminada. La capacidad para causar daños es amplia cuando se permiten hrefs en UGC.

Para agregar las opciones de hipervínculo a la barra de herramientas:

Añadir una barra de herramientas denominada " links"
- { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
Seleccione Guardar todo

CKRte.prototype.config = {
    toolbar: [
        { name: "basicstyles",
           items: ["Bold", "Italic", "Underline", "NumberedList", "BulletedList", "Outdent", "Indent", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "TextColor"]
        },
        { name: 'links',
           items: [ 'Link','Unlink','Anchor' ]
        }
    ],
    autoParagraph: false,
    autoUpdateElement: false,
    removePlugins: "elementspath",
    resize_enabled: false
};