Componente de índice

O Componente de índice cria um índice com base nos títulos do conteúdo da página, permitindo que os leitores naveguem rapidamente pela página.

Uso

O componente de índice oferece aos visitantes do site a capacidade de navegar rapidamente pelo conteúdo da página por meio de um índice gerado eficientemente com base nos títulos do conteúdo das páginas.

• O índice é gerado no lado do servidor.
• Ele é totalmente armazenado em cache pelo Dispatcher para entrega rápida.
• Ele funciona com todos os componentes na página, não apenas com os Componentes principais.

A caixa de diálogo de edição permite que o autor do conteúdo defina o intervalo de títulos que será usado no índice. Usando a caixa de diálogo de design, o autor do modelo pode definir o valor padrão para os títulos quando um autor de conteúdo adiciona um Componente de índice a uma página, bem como restringir os títulos incluídos no índice com base em nomes de classe.

Versão e compatibilidade

A versão atual do Componente de índice é a v1, introduzida com a versão 2.20.0 dos Componentes principais em maio de 2022, e está descrita neste documento.

A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação das versões anteriores.

Para mais informações sobre as versões dos Componentes principais, consulte o documento Versões dos Componentes principais.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de índice pode ser encontrada no GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.

Caixa de diálogo de edição

A caixa de diálogo de edição permite que o autor do conteúdo defina os intervalos de níveis de título que o Componente de índice deve renderizar como índice.

Tipo de lista: essa opção define se a lista deve ser uma lista com marcadores ou uma lista numerada.

• Nível inicial do título: essa opção define o nível mais alto de títulos que o Componente de índice deve renderizar.
• Nível de interrupção do título: essa opção define o nível mais baixo de títulos que o Componente de índice deve renderizar.
• ID: Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de Dados.
  • Caso deixado em branco, um ID exclusivo é gerado automaticamente para você e pode ser encontrado ao inspecionar a página resultante.
  • Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
  • A alteração do ID pode afetar o rastreamento de CSS, JS e da Camada de Dados.

Caixa de diálogo de design

Usando a caixa de diálogo de design, o autor do modelo pode definir o valor padrão para o intervalo de título do Componente de índice, bem como restringir títulos incluídos no índice com base em nomes de classe.

Guia Propriedades

• Tipo de lista restrita: essa opção define o tipo de lista que o componente gerará. Selecionar essa opção restringe a capacidade do autor do conteúdo de escolher um tipo de lista diferente.
• Restringir o nível inicial: essa opção define o nível de título mais alto que o autor de conteúdo pode selecionar para definir o índice.
• Restringir o nível de interrupção: essa opção define o nível de título mais baixo que o autor do conteúdo pode selecionar para definir o índice.
• Incluir nomes de classe: se esta opção estiver definida, somente os títulos com os nomes de classe especificados ou contidos em elementos dos nomes de classe especificados serão considerados pelo Componente de índice.
  • Toque ou clique no ícone Adicionar para adicionar um ou mais nomes de classe.
  • Toque ou clique no ícone Excluir ao lado de um nome de classe para excluí-lo.
• Ignorar nomes de classe: se esta opção estiver definida, os títulos com os nomes de classe especificados ou contidos em elementos dos nomes de classe especificados serão ignorados pelo Componente de índice.
  • Toque ou clique no ícone Adicionar para adicionar um ou mais nomes de classe.
  • Toque ou clique no ícone Excluir ao lado de um nome de classe para excluí-lo.

Guia Estilos

O componente de índice é compatível com o Sistema de estilos do AEM.

Camada de dados de clientes da Adobe

O componente de índice é compatível com a Camada de dados de clientes da Adobe.

Recursos do Business.Adobe.com