Utilizando links e âncoras no CKEditor


O que são âncoras internas?
É a marcação de um recurso dentro do documento que será o destino de um link definido anteriormente dentro do documento. Em outras palavras, é um link que irá pular para alguma parte da mesma página onde se localiza o link.


Abaixo um passo a passo de como criar o sistema de âncoras dentro do editor do CKEditor:

1) Crie os parágrafos relacionados e seus respectivos títulos dentro do editor, assim como um texto padrão.

2) Adicione acima dos textos, os itens relacionados ao artigo para fácil pesquisa, ou seja, um sumário com os títulos que compõem os parágrafos.

3) Após criados os itens do sumário manualmente, marque o título do parágrafo e clique no botão Inserir/Editar Âncora, conforme imagem abaixo:

4) Na caixa de diálogo que aparece, informe um nome para esta âncora (paragrafo1 por exemplo), conforme imagem abaixo:

Repita este processo para cada título ou parte do parágrafo.

5) Após registrado cada âncora, um ícone de âncora deverá aparecer ao lado de cada título marcado. Agora no sumário criado, marque o texto do item do sumário e clique no botão Inserir/Editar Link para fazer a referência para cada âncora criada, como o modelo abaixo:

6) Na caixa de diálogo que aparecer, informe o Tipo de hiperlink como “Ancora nesta página” e seleciona o nome da âncora relacionado ao parágrafo de destino e clique em OK.

Repita este processo para cada item do sumário e publique o artigo.

Compartilhe:

, ,

  1. Nenhum comentário ainda.
(não será publicado)