Rich Text Editor

O Editor de Rich Text é um elemento básico fundamental para introduzir o conteúdo textual no AEM. É a base de vários componentes, incluindo:

• Texto
• Imagem de texto
• Tabela

Rich Text Editor

A caixa de diálogo de edição WYSIWYG fornece uma grande variedade de funcionalidades:

Edição no local

Além do diálogo com base no modo de Edição de Rich Text, o AEM também fornece o modo de edição local, o qual permite a edição direta do texto enquanto é exibido no layout da página.

Clique duas vezes em um parágrafo (um clique duplo lento) para entrar no modo de edição local (a borda do componente fica laranja).

Você poderá editar o texto diretamente na página, em vez de dentro de uma janela de diálogo. Basta fazer as alterações e elas serão salvas automaticamente.

No momento, o modo de Edição local está habilitado para elementos de página gerados pelos componentes de Texto e Título.

Recursos do Editor de Rich Text

O Editor de Rich Text fornece vários recursos, esses dependem da configuração do componente individual. Os recursos estão disponíveis para a interface otimizada ao toque e clássica.

Formatos básicos de caracteres

Aqui, é possível aplicar a formatação aos caracteres selecionados (destacados); algumas opções também têm teclas de atalho:

• Negrito (Ctrl+B)
• Itálico (Ctrl+I)
• Sublinhado (Ctrl+U)
• Subscrito
• Sobrescrito

Todos funcionam como uma alternância, assim, selecionar novamente removerá o formato.

Estilos e formatos pré-definidos

Sua instalação pode incluir estilos e formatos predefinidos. Estão disponíveis com as listas suspensas de estilo e formato e podem ser aplicados ao texto selecionado.

Um estilo pode ser aplicado a uma sequência específica (um estilo correlaciona-se com CSS):

Considerando que um formato é aplicado a todo o parágrafo do texto (um formato é baseado em HTML):

Um formato específico pode ser apenas alterado (o padrão é Parágrafo).

Um estilo pode ser removido; coloque o cursor dentro do texto ao qual o estilo foi aplicado e clique no ícone para remover:

Cortar, copiar, colar

As funções padrão de recortar e copiar estão disponíveis. Vários tipos da função colar são fornecidos para atender a diferentes formatos.

• Cortar (Ctrl-X)

• Copiar (Ctrl-C)

• Colar

  Este é o mecanismo de colar padrão (Ctrl-V) para o componente; quando instalado e pronto para usar é configurado para ser o "Colar do Word".

• Colar como texto

  Remove todos os estilos e formatação para colar apenas o texto simples.

• Colar do Word

  Este procedimento cola o conteúdo como HTML (com alguma reformatação necessária).

Desfazer, refazer

O AEM mantém um registro de suas últimas 50 ações no componente atual, mantidas em ordem cronológica. Essas ações podem ser desfeitas (e, em seguida, refeitas), em ordem rigorosa, se necessário.

Alinhamento

O texto pode ser alinhado na esquerda, centralizado ou na direita.

Recuo

O recuo de margem de um parágrafo pode ser aumentado ou diminuído. O parágrafo selecionado será recuado, qualquer novo texto inserido manterá o nível atual de recuo de margem.

Listas

As listas com marcadores e numeradas podem ser criadas dentro do texto. Selecione o tipo de lista e comece a digitar ou destaque o texto a ser convertido. Em ambos os casos, um avanço de linha iniciará um novo item da lista.

Para listas aninhadas, recue um ou mais itens da lista.

Para alterar o estilo de uma lista, basta posicionar o cursor dentro da lista e, em seguida, selecionando o outro estilo. Uma sublista também pode ter um estilo diferente da lista que a contém. Isso pode ser aplicado quando a sublista tiver sido criada (por recuo).

Links

O link para uma URL (no site ou em um local externo) é gerado fazendo o destaque do texto necessário e, em seguida, um clique no ícone do Hiperlink :

Uma caixa de diálogo permitirá que você especifique a URL de destino; e se deve também ser aberta em uma nova janela.

É possível:

• digitar diretamente em uma URI
• usar o mapa do site para selecionar uma página dentro de seu site
• digitar a URL, em seguida, anexar a âncora de destino; ex: www.TargetUri.org#AnchorName
• digitar somente uma âncora (para mencionar "a página atual"); ex: #anchor
• procurar uma página no localizador de conteúdo, em seguida, arrastar e soltar o ícone da página na caixa de diálogo do hyperlink

Para quebrar o link, coloque o cursor em qualquer lugar no texto do link e clique no ícone Desvincular:

Âncoras

Uma âncora pode ser criada em qualquer lugar dentro do texto ao posicionar o cursor ou selecionar algum texto. Em seguida, clique no ícone âncora para abrir a caixa de diálogo.

Digite o nome da âncora, em seguida, clique em OK para salvar.

A âncora é exibida quando o componente está sendo editado e agora pode ser usada dentro de um destino para os links.

Localizar e substituir

O AEM fornece as funções Localizar e Substituir.

As funções tem um botão Localizar próximo para pesquisar o componente aberto para o texto especificado. Também é possível especificar caso precise que a letra (maiúscula/minúscula) coincida.

A pesquisa sempre iniciará da posição atual do cursor dentro do texto. Quando o final do componente for atingido uma mensagem vai informá-lo que a próxima operação de busca começará do início.

A opção Substituir permite Localizar e Substituir uma instância individual por um texto especificado, ou Substituir todas as instâncias no componente atual.

Imagens

As imagens podem ser arrastadas do localizador de conteúdo para adicioná-las ao texto.

Verificador ortográfico

O verificador ortográfico vai conferir todo o texto no componente atual.

Quaisquer erros de ortografia serão destacados:

Tabelas

As tabelas estão disponíveis:

• Como o componente de Tabela

  

• No componente Texto

  

  OBSERVAÇÃO

  Embora as tabelas estejam disponíveis no RTE, recomenda-se usar o componente Table ao criar tabelas.

Nos componentes Texto e Tabela a funcionalidade de tabela está disponível por meio do menu de contexto (normalmente, o botão direito do mouse) clicado na tabela; por exemplo:

As funções específicas da tabela são:

Propriedades da tabela

As propriedades básicas da tabela podem ser configuradas antes de clicar em OK para salvar:

• Largura

  A largura total da tabela.

• Altura

  A altura total da tabela.

• Borda

  O tamanho da borda da tabela.

• Preenchimento da célula

  Isso define o espaço em branco entre o conteúdo da célula e de suas bordas.

• Espaçamento entre células

  Isso define a distância entre as células.

Propriedades da célula

As propriedades de uma célula específica ou a série de células, podem ser configuradas:

• Largura
• Altura
• Alinhamento horizontal - Esquerda, Centro ou Direita
• Alinhamento vertical - Parte superior, Meio, Parte inferior ou Linha de base
• Tipo de célula - Dados ou cabeçalho
• Aplicar a:
  • Célula única
  • Linha inteira
  • Coluna inteira

Adicionar ou excluir linhas

As linhas podem ser adicionadas acima ou abaixo da linha atual.

A linha atual também pode ser excluída.

Adicionar ou remover colunas

As colunas podem ser adicionadas à esquerda ou à direita da coluna atual.

A coluna atual também pode ser excluída.

Selecionar linhas ou colunas inteiras

Seleciona toda a linha ou coluna atual. As ações específicas (por exemplo, mesclar) estarão, em seguida, disponíveis.

Mesclar células

• Caso tenha selecionado um grupo de células, você pode mesclá-las em uma.
• Caso tenha apenas uma célula selecionada, então você pode mesclá-la com a célula à direita ou abaixo.

Dividir células

Selecione uma única célula para dividi-la:

• Dividir uma célula horizontalmente vai gerar uma nova célula à direita da célula atual, dentro da coluna atual.
• Dividir uma célula verticalmente vai gerar uma nova célula abaixo da célula atual, mas dentro da linha atual.

Creating Nested Tables

Criar uma tabela aninhada criará uma nova tabela autossuficiente, dentro da célula atual.

Remove Table

Isto removerá a tabela de componente de Texto.

Caracteres especiais

Os caracteres especiais podem ser disponibilizados para o seu editor de rich text; podem variar de acordo com a sua instalação.

Usar o mouse sobre o caractere para visualizar uma versão ampliada do mesmo, em seguida, clicar para que seja incluído na posição atual em seu texto.

Modo de edição de fonte

O modo de edição da origem permite que você visualize e edite o HTML subjacente do componente.

Assim, o texto:

Será como o modo de origem (muitas vezes a origem é muito longa, então será necessário usar a barra de rolagem):

Recursos do Business.Adobe.com

Multichannel Communication Content Insights Auto Form Fill Targeted Content Mobile Forms Content As A Service