Elementos básicos del editor de texto enriquecido

Información general

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

Para los componentes de Communities, aunque es similar a la editor de texto enriquecido en el entorno de creación, afecta al texto introducido en el entorno de publicación.

editor de texto enriquecido

Habilitar el editor de texto enriquecido

Los componentes de las comunidades que permiten contenido generado por el usuario (UGC) se pueden habilitar para permitir RTE. En función de si el componente se añadió a una página o se incluyó en una función, RTE puede estar o no habilitado de forma predeterminada.

Si no está activada, simplemente introduzca modo de edición de autor, seleccione el componente para editarlo y seleccione el Rich Text Editor casilla de verificación

RTE está disponible para los siguientes componentes de Communities:

Personalización

La personalización del editor de texto enriquecido es posible porque la implementación se basa en lo siguiente CKEditor.

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

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

No se recomienda modificar cq.social.scf clientlib, ya que las futuras actualizaciones pueden anular las ediciones.

Personalización de ejemplo: Vínculos en línea

Por motivos de seguridad, las opciones de hipervínculos no se incluyen en el conjunto de iconos de texto enriquecido que se presentan a los miembros de forma predeterminada. La capacidad para la travesura es extensa cuando se permiten hrefs en UGC.

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

Añada una barra de herramientas denominada " links"
- { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
Seleccionar 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
};