As funcionalidades do RTE são disponibilizadas por meio de uma série de plug-ins, cada um com a propriedade de recursos. É possível configurar a propriedade de recursos para ativar ou desativar um ou mais recursos de RTE. Este artigo descreve como configurar especificamente os plug-ins do RTE.
Para obter detalhes sobre as outras configurações do RTE, consulte Configurar editor de rich text.
Ao trabalhar com o CRXDE Lite, é recomendável salvar as alterações regularmente usando Salvar tudo opção.
Para ativar um plug-in, siga estas etapas. Algumas etapas são necessárias somente quando você configura um plug-in pela primeira vez, pois os nós correspondentes não existem.
Por padrão, format
, link
, list
, justify
, e control
plug-ins e todos os seus recursos estão habilitados no RTE.
Os respectivos rtePlugins
o nó é chamado de <rtePlugins-node>
para evitar a duplicação neste artigo.
Usando o CRXDE Lite, localize o componente de texto para o seu projeto.
Criar o nó principal de <rtePlugins-node>
se não existir, antes de configurar plug-ins do RTE:
Dependendo do componente, os nós principais são:
config: .../text/cq:editConfig/cq:inplaceEditing/config
.../text/cq:editConfig/cq:inplaceEditing/inplaceEditingTextConfig
text: .../text/dialog/items/tab1/items/text
São do tipo: jcr:primaryType cq:Widget
Ambos têm as seguintes propriedades:
name
String
./text
Dependendo da interface que você está configurando, crie um nó <rtePlugins-node>
, se não existir:
rtePlugins
nt:unstructured
Abaixo disso, crie um nó para cada plug-in que você deseja ativar:
nt:unstructured
Depois de ativar um plug-in, siga estas diretrizes para configurar o features
propriedade.
Habilitar todos os recursos | Habilitar alguns recursos específicos | Desabilitar todos os recursos | |
---|---|---|---|
Nome | recursos | recursos | recursos |
Tipo | String | String[] (várias cadeias de caracteres; defina Tipo como Cadeia de caracteres e clique em Vários no CRXDE Lite) | String |
Valor | * (um asterisco) |
defina como um ou mais valores de recurso | - |
A variável findreplace
não precisa de nenhuma configuração. Funciona imediatamente.
Ao usar a funcionalidade de substituição, a cadeia de caracteres de substituição a ser substituída deve ser inserida ao mesmo tempo que a cadeia de caracteres de localização. No entanto, você ainda pode clicar em localizar para procurar a cadeia de caracteres antes de substituí-la. Se a cadeia de caracteres de substituição for inserida após clicar em localizar, a pesquisa será redefinida para o início do texto.
A caixa de diálogo localizar e substituir se torna transparente quando a localização é clicada, e se torna opaca ao clicar em substituir. Isso permite que o autor revise o texto que ele substitui. Se os usuários clicarem em substituir tudo, a caixa de diálogo será fechada e exibirá o número de substituições feitas.
Ao usar o RTE, os autores podem colar o conteúdo em um dos três modos a seguir:
Modo do navegador: cole o texto usando a implementação de colagem padrão do navegador. Não é um método recomendado, pois pode apresentar marcação indesejada.
Modo de texto sem formatação: cole o conteúdo da área de transferência como texto simples. Ele remove todos os elementos de estilo e formatação do conteúdo copiado antes de inserir no Experience Manager componente.
Modo MS® Word: cole o texto, incluindo tabelas, com formatação ao copiar do MS® Word. Não há suporte para copiar e colar texto de outra fonte, como uma página da Web ou o MS® Excel, e ela retém apenas formatação parcial.
Você pode fornecer alguns, todos ou nenhum desses três ícones aos autores na barra de ferramentas do RTE:
Colar (Ctrl+V): pode ser pré-configurado para corresponder a um dos três modos de Colagem descritos acima.
Colar como texto: oferece a funcionalidade de modo de texto simples.
Colar do Word: oferece a funcionalidade do modo MS® Word.
Para configurar o RTE para exibir os ícones necessários, siga estas etapas.
/apps/<myProject>/components/text
.rtePlugins/edit
. Consulte ativar um plug-in se o nó não existir.features
propriedade no edit
e adicione um ou mais recursos. Salve todas as alterações.Você pode pré-configurar o comportamento do Colar (Ctrl+V) ícone, usando as etapas a seguir. Essa configuração também define o comportamento do atalho de teclado Ctrl+V que os autores usam para colar conteúdo.
A configuração permite os três tipos de casos de uso a seguir:
Cole o texto usando a implementação de colagem padrão do navegador. Não é um método recomendado, pois pode apresentar marcação indesejada. Configurado usando browser
abaixo.
Cole o conteúdo da área de transferência como texto simples. Ele remove todos os elementos de estilo e formatação do conteúdo copiado antes de inserir no componente AEM. Configurado usando plaintext
abaixo.
Cole o texto, incluindo tabelas, com formatação ao copiar do MS® Word. Não há suporte para copiar e colar texto de outra fonte, como uma página da Web ou o MS® Excel, e ela retém apenas formatação parcial. Configurado usando wordhtml
abaixo.
Em seu componente, navegue até <rtePlugins-node>/edit
nó. Crie os nós, caso eles não existam. Para obter mais informações, consulte ativar um plug-in.
No edit
, crie uma propriedade usando os seguintes detalhes:
defaultPasteMode
String
browser
, plaintext
ou wordhtml
.O comando colar-como-Microsoft-Wordpaste-wordhtml
) pode ser configurado ainda mais para que você possa definir explicitamente quais estilos são permitidos ao colar AEM de outro programa, como o Microsoft® Word.
Por exemplo, se apenas formatos e listas em negrito forem permitidos ao colar no AEM, você poderá filtrar os outros formatos. Isso é chamado de filtragem de colagem configurável, que pode ser feito para:
Para links, você também pode definir os protocolos que são aceitos automaticamente.
Para configurar quais formatos são permitidos ao colar texto em AEM de outro programa:
No componente, navegue até o nó <rtePlugins-node>/edit
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
Crie um nó sob o edit
para que você possa manter as regras de colagem de HTML:
htmlPasteRules
nt:unstructured
Criar um nó em htmlPasteRules
, para que você possa manter os detalhes dos formatos básicos permitidos:
allowBasics
nt:unstructured
Para controlar os formatos individuais aceitos, crie uma ou mais das seguintes propriedades no allowBasics
nó:
bold
italic
underline
anchor
(para links e âncoras nomeadas)image
Todas as propriedades são de Tipo Boolean
, de modo que, no caso Valor você pode marcar ou remover a marca de seleção para ativar ou desativar a funcionalidade.
Se não estiver definido explicitamente, o valor padrão true é usado e o formato é aceito.
Outros formatos também podem ser definidos usando uma variedade de outras propriedades ou nós, também aplicados à htmlPasteRules
nó. Salve todas as alterações.
Você pode usar as seguintes propriedades para htmlPasteRules
.
Propriedade | Tipo | Descrição |
---|---|---|
allowBlockTags |
String | Define a lista de tags de bloqueio permitidas. Algumas tags de bloco possíveis incluem:
|
fallbackBlockTag |
String | Define a tag de bloco usada para qualquer bloco com uma tag de bloco não incluída em allowBlockTags . p normalmente suficiente. |
tabela | nt:unstructured | Define o comportamento ao colar tabelas. Este nó deve ter a propriedade allow (tipo Booleano) para definir se a colagem de tabelas é permitida. Se permitir estiver definido como false , você deve especificar a propriedade ignoreMode (Tipo String) para definir como o conteúdo da tabela colada é tratado. Valores válidos para ignoreMode são:
|
list | nt:unstructured | Define o comportamento ao colar listas. É necessário ter a propriedade allow (tipo Booleano) para definir se a colagem de listas é permitida. Se allow está definida como false , você deve especificar a propriedade ignoreMode (digite String) para definir como lidar com qualquer conteúdo de lista colado. Valores válidos para ignoreMode são:
|
Um exemplo de um válido htmlPasteRules
está abaixo.
"htmlPasteRules": {
"allowBasics": {
"italic": true,
"link": true
},
"allowBlockTags": [
"p", "h1", "h2", "h3"
],
"list": {
"allow": false,
"ignoreMode": "paragraph"
},
"table": {
"allow": true,
"ignoreMode": "paragraph"
}
}
Os autores podem aplicar Estilos para alterar a aparência de uma parte do texto. Os estilos são baseados em classes CSS que você predefine na sua folha de estilos CSS. O conteúdo estilizado é delimitado por span
tags usando o class
para fazer referência à classe CSS. Por exemplo, <span class=monospaced>Monospaced Text Here</span>
.
Quando o plug-in Estilos é ativado pela primeira vez, nenhum estilo padrão está disponível. A lista pop-up está vazia. Para fornecer estilos aos autores, faça o seguinte:
Para configurações posteriores, digamos adicionar mais estilos, siga apenas as instruções para fazer referência a uma nova folha de estilos e especificar os estilos adicionais.
É possível definir estilos para tabelas ou células de tabela. Essas configurações exigem procedimentos separados.
Isso é feito ativando o plug-in de estilo.
No componente, navegue até o nó <rtePlugins-node>/styles
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
Crie o features
propriedade no styles
nó:
features
String
*
(asterisco)Salve todas as alterações.
Quando o plug-in Estilos estiver ativado, a lista suspensa Estilo será exibida na caixa de diálogo de edição. No entanto, a lista fica vazia, pois nenhum estilo é configurado.
Em seguida, especifique os locais das folhas de estilos que você deseja referenciar:
Navegue até o nó raiz do componente de texto, por exemplo, /apps/<myProject>/components/text
.
Adicionar a propriedade externalStyleSheets
ao nó principal de <rtePlugins-node>
:
externalStyleSheets
String[]
(várias cadeias de caracteres; clique em Multi no CRXDE)É possível adicionar referências a folhas de estilos adicionais posteriormente.
Salve todas as alterações.
Ao usar o RTE em uma caixa de diálogo (interface clássica), talvez você queira especificar folhas de estilos otimizadas para edição de rich text. Devido a restrições técnicas, o contexto CSS é perdido no editor, portanto, convém emular esse contexto para melhorar a experiência WYSIWYG.
O Editor de Rich Text usa um elemento DOM do container com uma ID de CQrte
que podem ser usados para fornecer diferentes estilos de exibição e edição:
#CQ td {
// defines the style for viewing }
#CQrte td {
// defines the style for editing }
Na definição do componente, navegue até o nó <rtePlugins-node>/styles
, conforme criado em Ativação do seletor suspenso de estilo.
No nó styles
, crie um nó (também chamado de styles
) para manter a lista disponibilizada:
styles
cq:WidgetCollection
Crie um nó sob o styles
para que possa representar um estilo individual:
nt:unstructured
Adicionar a propriedade cssName
para este nó, de modo que você possa fazer referência à classe CSS:
cssName
String
cssClass
em vez de .cssClass
)Adicionar a propriedade text
para o mesmo nó; isso define o texto mostrado na caixa de seleção:
text
String
Salve as alterações.
Repita as etapas acima para cada estilo necessário.
Os autores que usam AEM para criar conteúdo no idioma japonês podem aplicar um estilo aos caracteres para evitar quebras de linha, quando uma quebra não é necessária. Isso permite que os autores deixem as frases serem quebradas na posição desejada. O estilo dessa funcionalidade é baseado na classe CSS, que é predefinida na folha de estilos CSS.
Esse recurso exige pelo menos o AEM 6.5 Service Pack 1.
Para criar o estilo que os autores podem aplicar ao texto em japonês, siga estas etapas:
Crie um nó sob o nó estilos. Consulte especificar um novo estilo.
jpn-word-wrap
nt:unstructure
Adicionar a propriedade cssName
ao nó para que você possa fazer referência à classe CSS. Este nome de classe é um nome reservado para o recurso de quebra de linha em japonês.
cssName
String
jpn-word-wrap
(sem um precedente .
)Adicione o texto da propriedade ao mesmo nó. O valor é o nome do estilo que o autor vê ao selecionar o estilo.
text
String
Japanese word-wrap
Crie uma folha de estilos e especifique seu caminho. Consulte especificar local da folha de estilos. Adicione o conteúdo a seguir à folha de estilos. Altere a cor do plano de fundo conforme desejado.
.text span.jpn-word-wrap {
display:inline-block;
}
.is-edited span.jpn-word-wrap {
background-color: #ffddff;
}
Qualquer texto criado no RTE é colocado em uma tag de bloco, sendo o padrão <p>
. Ao ativar o paraformat
especifique tags de bloco adicionais que podem ser atribuídas a parágrafos, usando uma lista suspensa de seleção. Os formatos de parágrafo determinam o tipo de parágrafo atribuindo a marca de formatação de bloco correta. O autor pode selecioná-los e atribuí-los usando o seletor de Formato. Os exemplos de tags de bloco incluem, entre outros, o parágrafo padrão <p> e cabeçalhos <h1>, <h2>e assim por diante.
Esse plug-in não é adequado para conteúdo com estruturas complexas, como listas ou tabelas.
Se uma tag de bloco, por exemplo, uma tag <hr> não pode ser atribuído a um parágrafo. Não é um caso de uso válido para um plug-in paraformat.
Quando o plug-in Formatos de parágrafo é ativado pela primeira vez, nenhum Formato de parágrafo padrão está disponível. A lista pop-up está vazia. Para fornecer aos autores os Formatos de parágrafo, faça o seguinte:
Para configurações ou reconfigurações posteriores, diga para adicionar mais formatos, siga apenas a parte relevante das instruções.
Primeiro, ative o plug-in paraformat:
No componente, navegue até o nó <rtePlugins-node>/paraformat
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
Crie o features
propriedade no paraformat
nó:
features
String
*
(asterisco)Se o plug-in não for configurado ainda mais, os seguintes formatos padrão serão ativados:
<p>
)<h1>
)<h2>
)<h3>
)Ao configurar o formato de parágrafo do RTE, não remova a tag de parágrafo <p> como uma opção de formatação. Se a variável <p>
for removida, o autor de conteúdo não poderá selecionar a tag Formatos de parágrafo mesmo se houver formatos adicionais configurados.
Os formatos de parágrafo podem ser disponibilizados para seleção por:
Na definição do componente, navegue até o nó <rtePlugins-node>/paraformat
, conforme criado em Ativação do seletor suspenso de formato.
No paraformat
crie um nó para manter a lista de formatos:
formats
cq:WidgetCollection
Crie um nó sob o formats
nó, isso mantém os detalhes de um formato individual:
nt:unstructured
Neste nó, adicione a propriedade para definir a tag de bloqueio usada:
Nome tag
Tipo String
Valor A tag de bloco do formato; por exemplo: p, h1, h2.
Não é necessário inserir os colchetes angulares delimitadores.
Para o mesmo nó, adicione outra propriedade para que o texto descritivo apareça na lista suspensa:
description
String
Salve as alterações.
Repita as etapas para cada formato necessário.
Se você definir formatos personalizados, os formatos padrão (<p>
, <h1>
, <h2>
, e <h3>
) são removidos. Recriar <p>
formato, pois é o formato padrão.
Em uma instalação padrão com AEM, quando a variável misctools
está ativado para caracteres especiais (specialchars
) uma seleção padrão é imediatamente disponibilizada para uso; por exemplo, os símbolos de copyright e marca registrada.
É possível configurar o RTE para disponibilizar sua própria seleção de caracteres; definindo caracteres distintos ou uma sequência inteira.
Adicionar seus próprios caracteres especiais substitui a seleção padrão. Se necessário, defina ou redefina esses caracteres em sua própria seleção.
No componente, navegue até o nó <rtePlugins-node>/misctools
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
Crie o features
propriedade no misctools
nó:
Nome features
Tipo String[]
Valor specialchars
(ou String / *
se estiver aplicando todos os recursos deste plug-in)
Em misctools
, crie um nó para manter as configurações de caracteres especiais:
specialCharsConfig
nt:unstructured
Em specialCharsConfig
, crie outro nó para manter a lista de caracteres:
chars
nt:unstructured
Em chars
, adicione um nó para manter uma definição de caractere individual:
nt:unstructured
Neste nó, adicione a seguinte propriedade:
entity
String
&189;
para a fração metade.Salve as alterações.
No CRXDE, depois que a propriedade é salva, o caractere representado é exibido. Veja abaixo o exemplo de metade. Repita as etapas acima para que você possa disponibilizar mais caracteres especiais aos autores.
Use as etapas 1 a 3 de Definindo um Caractere Único.
Em chars
, adicione um nó para manter a definição do intervalo de caracteres:
nt:unstructured
Nesse nó (nomeado de acordo com o intervalo de caracteres especiais), adicione as duas propriedades a seguir:
Salve as alterações.
Por exemplo, definir um intervalo de 9998 a 10000 fornece os seguintes caracteres.
Figura: no CRXDE, defina um intervalo de caracteres que serão disponibilizados no RTE
Normalmente, os estilos são aplicados em texto, mas um conjunto separado de estilos também pode ser aplicado a uma tabela ou a algumas células da tabela. Esses Estilos estão disponíveis para os autores na caixa do seletor de estilo na caixa de diálogo Propriedades da célula ou Propriedades da tabela. Os estilos estão disponíveis ao editar uma tabela em um componente de Texto (ou derivativo) e não no componente de Tabela padrão.
É possível definir estilos para tabelas e células somente para a interface clássica.
Copiar e colar tabelas no componente de RTE ou a partir dele depende do navegador. Ele não é compatível imediatamente com todos os navegadores. É possível obter resultados variados dependendo da estrutura da tabela e do navegador. Por exemplo, ao copiar e colar uma tabela em um componente do RTE no Mozilla Firefox na interface clássica e na interface para toque, o layout da tabela não é preservado.
No componente, navegue até o nó <rtePlugins-node>/table
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
Crie o features
propriedade no table
nó:
features
String
*
(asterisco)Se não quiser ativar todos os recursos da tabela, crie o features
propriedade como:
Tipo String[]
Valor Um ou ambos, conforme necessário:
table
para permitir a edição de propriedades de tabela, incluindo os estilos.
cellprops
para permitir a edição de propriedades da célula, incluindo os estilos.
Defina o local das folhas de estilos CSS para que você possa referenciá-las. Consulte Especificação da localização da sua folha de estilos já que é o mesmo que ao definir estilos de texto. O local pode ser definido se você tiver definido outros estilos.
No table
crie os seguintes novos nós (conforme necessário):
Para definir estilos para a tabela inteira (disponível em Propriedades da tabela):
tableStyles
cq:WidgetCollection
Para definir estilos para as células individuais (disponível em Propriedades da célula):
cellStyles
cq:WidgetCollection
Criar um nó (sob o tableStyles
ou cellStyles
conforme apropriado) para que possa representar um estilo individual:
nt:unstructured
Neste nó, crie as propriedades:
Para definir o estilo CSS a ser referenciado
cssName
String
.
, por exemplo, cssClass
em vez de .cssClass
)Para definir que um texto descritivo seja exibido no seletor suspenso
text
String
Salve todas as alterações.
Repita as etapas acima para cada estilo necessário.
Às vezes, você pode criar tabelas de dados sem texto visual em um cabeçalho de coluna, supondo que a finalidade do cabeçalho esteja implícita no relacionamento visual da coluna com outras colunas. Nesse caso, é necessário fornecer texto interno oculto dentro da célula na célula de cabeçalho. Dessa forma, leitores de tela e outras tecnologias de assistência podem ajudar os leitores com várias necessidades a entender o propósito da coluna.
Para aprimorar a acessibilidade em tais cenários, o RTE oferece suporte a células de cabeçalho ocultas. Além disso, fornece definições de configuração relacionadas a cabeçalhos ocultos em tabelas. Essas configurações permitem aplicar estilos de CSS a cabeçalhos ocultos nos modos de edição e pré-visualização. Para ajudar os autores a identificar cabeçalhos ocultos no modo de edição, inclua os seguintes parâmetros no código:
hiddenHeaderEditingCSS
: especifica o nome da classe CSS aplicada na célula do cabeçalho oculto, quando o RTE é editado.hiddenHeaderEditingStyle
: especifica uma cadeia de caracteres de estilo aplicada na célula do cabeçalho oculto quando o RTE é editado.Se você especificar o CSS e a string de estilo no código, a classe CSS terá prioridade sobre a string de estilo e poderá substituir quaisquer alterações de configuração feitas pela string de estilo.
Para ajudar os autores a aplicarem o CSS em cabeçalhos ocultos no modo de visualização, você pode incluir os seguintes parâmetros no código:
hiddenHeaderClassName
: especifica o nome da classe CSS aplicada na célula do cabeçalho oculto no modo de visualização.hiddenHeaderStyle
: Especifica uma cadeia de caracteres de Estilo que é aplicada na célula do cabeçalho oculto no modo de visualização.Se você especificar o CSS e a string de estilo no código, a classe CSS terá prioridade sobre a string de estilo e poderá substituir quaisquer alterações de configuração feitas pela string de estilo.
Quando o plug-in de verificação ortográfica é ativado, o RTE usa dicionários para cada idioma apropriado. Eles são selecionados de acordo com o idioma do site, pegando a propriedade language da subárvore ou extraindo o idioma do URL. Por exemplo, a variável /en/
for marcada como inglês, a variável /de/
como alemão.
A mensagem Spell checking failed
é visto se for tentada uma verificação para um idioma que não está instalado. Os dicionários padrão estão em /libs/cq/spellchecker/dictionaries
, juntamente com os arquivos readme apropriados. Não modifique os arquivos.
Uma instalação padrão do AEM inclui os dicionários para inglês americano (en_us
) e inglês britânico (en_gb
). Para adicionar mais dicionários, siga estas etapas.
Navegue até a página https://extensions.openoffice.org/.
Siga um destes procedimentos para localizar um dicionário de sua escolha de idioma:
Baixe o arquivo com as definições de ortografia. Extraia o conteúdo do arquivo morto em seu sistema de arquivos.
Somente dicionários na MySpell
formato para OpenOffice.org v2.0.1 ou anterior, são compatíveis. Como os dicionários agora são arquivos mortos, é recomendável verificar o arquivo após baixá-lo.
Localize o .aff
e .dic
arquivos. Mantenha o nome do arquivo em minúsculas. Por exemplo, de_de.aff
e de_de.dic
.
Carregue o .aff
e .dic
arquivos no repositório em /apps/cq/spellchecker/dictionaries
.
O verificador ortográfico RTE está disponível sob demanda. Ele não é executado automaticamente quando você começa a digitar o texto. Para executar o verificador ortográfico, clique em Verificador ortográfico na barra de ferramentas. O RTE verifica a ortografia das palavras e destaca as palavras com erro de ortografia.
Se você incorporar qualquer alteração sugerida pelo verificador ortográfico, o estado do texto será alterado e as palavras com erro de ortografia não serão mais destacadas. Para executar o verificador ortográfico, clique novamente no botão Verificador ortográfico.
O RTE permite que os autores desfaçam ou refaçam algumas últimas edições. Por padrão, 50 edições são armazenadas no histórico. Você pode configurar esse valor conforme necessário.
No componente, navegue até o nó <rtePlugins-node>/undo
. Crie esses nós se eles não existirem. Para obter mais detalhes, consulte ativar um plug-in.
No undo
crie a propriedade:
maxUndoSteps
Long
0
para desativar completamente a opção desfazer/refazer.Salve as alterações.
Quando o caractere de tabulação é pressionado dentro de qualquer texto, um número predefinido de espaços é inserido; por padrão, são três espaços não-separáveis e um espaço.
Para definir o tamanho da guia:
No componente, navegue até o nó <rtePlugins-node>/keys
. Crie os nós, caso eles não existam. Para obter mais detalhes, consulte ativar um plug-in.
No keys
crie a propriedade:
tabSize
String
Salve as alterações.
Quando o recuo está ativado (padrão), você pode definir o tamanho do recuo:
Este tamanho de recuo é aplicado somente a parágrafos (blocos) de texto; não afeta o recuo de listas reais.
No componente, navegue até o nó <rtePlugins-node>/lists
. Crie esses nós se eles não existirem. Para obter mais detalhes, consulte ativar um plug-in.
No lists
, crie o indentSize
parâmetro:
indentSize
Long
Isso só é aplicável ao usar o RTE em uma caixa de diálogo (não na edição no local na interface clássica).
Você pode definir a altura do espaço editável mostrado na caixa de diálogo do componente:
No ../items/text
na definição de caixa de diálogo do componente, crie uma propriedade:
height
Long
Isso não altera a altura da janela de diálogo.
Salve as alterações.
Ao adicionar links no AEM, é possível definir:
Para configurar como os links são adicionados no AEM de outro programa, defina as regras de HTML.
Usando o CRXDE Lite, localize o componente de texto para o seu projeto.
Criar um nó no mesmo nível que <rtePlugins-node>
, ou seja, crie o nó sob o nó principal de <rtePlugins-node>
:
htmlRules
nt:unstructured
A variável ../items/text
O nó tem a propriedade:
xtype
String
richtext
A localização do ../items/text
pode variar, dependendo da estrutura da caixa de diálogo; dois exemplos são /apps/myProject>/components/text/dialog/items/text
e /apps/<myProject>/components/text/dialog/items/panel/items/text
.
Em htmlRules
, crie um nó.
links
nt:unstructured
No links
defina as propriedades conforme necessário:
Estilo CSS para links internos:
cssInternal
String
cssClass
em vez de .cssClass
)Estilo CSS para links externos
cssExternal
String
cssClass
em vez de .cssClass
)Matriz de válida protocolos. Os protocolos compatíveis são http://
, https://
, file://
, e mailto:
.
protocols
String[]
defaultProtocol (propriedade do tipo String): Protocolo a ser usado se o usuário não tiver especificado um explicitamente.
defaultProtocol
String
Definição de como lidar com o atributo de direcionamento de um link. Criar um nó:
targetConfig
nt:unstructured
No nó targetConfig
, defina as propriedades necessárias:
Especifique o modo de destino:
Nome mode
Tipo String
)
Valor
auto
: significa que um target automático foi escolhido
(especificado pelo targetExternal
propriedade para links externos ou targetInternal
para links internos).
manual
: não aplicável neste contexto
blank
: não aplicável neste contexto
O target para links internos:
targetInternal
String
auto
)O target para links externos:
targetExternal
String
auto
).Salve todas as alterações.