Elementos básicos del editor de texto enriquecido rich-text-editor-essentials

Información general overview

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

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

Habilitación del editor de texto enriquecido enabling-rich-text-editor

Los componentes de Communities que permiten el 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ó dentro de un function, RTE puede o no estar habilitado de forma predeterminada.

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

RTE está disponible para los siguientes componentes de Communities:

Personalización customization

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 de Communities se encuentra en la cq.social. scf clientlib, ubicado en el repositorio en

/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.

Personalización de ejemplo: Vínculos en línea example-customization-inline-links

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 cometer delitos es amplia cuando se permiten hrefs en UGC.

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

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

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
};