Rich Text Editor Essentials

Visão geral

Um Editor de Rich Text (RTE) fornece a capacidade de inserir texto com marcação.

Para componentes Comunidades, embora semelhante ao editor de Rich Text no ambiente do autor, afeta o texto inserido no ambiente de publicação.

editor de rich text

Ativando o Editor de Rich Text

Os componentes das comunidades que permitem o conteúdo gerado pelo usuário (UGC) podem ser ativados para permitir o RTE. Dependendo de o componente ter sido adicionado a uma página ou incluído em uma função, o RTE pode ou não ser ativado por padrão.

Se não estiver ativado, basta inserir modo de edição do autor, selecionar o componente para edição e marcar a caixa de seleção Rich Text Editor.

O RTE está disponível para os seguintes componentes das Comunidades:

Personalização

A personalização do editor de Rich Text é possível, pois a implementação se baseia em CKEditor.

A configuração atual dos componentes Comunidades está no cq.social. scf clientlib, localizado no repositório em

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

Não é recomendável modificar a clientlib cq.social.scf, pois as atualizações futuras podem substituir qualquer edição.

Devido a questões de segurança, as opções de hiperlink não são incluídas no conjunto de ícones Rich Text apresentados aos membros por padrão. A habilidade de pecado é extensa quando são permitidos hrefs na UGC.

Para adicionar as opções de hiperlink à barra de ferramentas:

  • Adicionar uma barra de ferramentas chamada " links"
    • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
  • Selecione Salvar tudo

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

Nesta página