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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now