Как сделать автоматические якори на заголовки h1, h2, h3?

Question

[Вадим Круглов]

Как сделать автоматические якори на заголовки h1, h2, h3?
Такое же как на википедии

Пример

Answer 1

[Александр Докин]

По-русски это называется оглавлением или содержанием, а на английском table of content (TOC). Поэтому гуглите что-то вроде "js generate toc" или на гитхабе смотрите репозитории по запросу table of content. Алгоритм везде одинаковый, отличаются лишь стили и получаемые hash-параметры (id ссылок).

Comments

[Вадим Круглов]

Огромное спасибо, от вашей подсказки нашёл то что нужно, осталось это дело правильно настроить ^^

[Вадим Круглов]

Возможно кому-то понадобится это исправление. В скрипте toc-script.js нужно изменить одну строчку, для того что бы в ссылках отображалась кириллица.

Сменить это:

headings[i].id = headings[i].innerHTML.replace( /^[^a-z]+|[^\w:.-]+/gi, '_' ).toLowerCase();

На это:

headings[i].id = headings[i].innerHTML.replace( /([.*+?^=!:${}()|\[\]\/\\])/g, '' ).toLowerCase();
 }

Answer 2

[VegasChickiChicki]

Если не ошибаюсь, то через id

Нужному элементу(заголовку) задаете id, в списке навигации прописываете ссылке href на этот id.

Comments

[Вадим Круглов]

И что бы список с названиями заголовков генерировался

[VegasChickiChicki]

Вадим Круглов, Пункт 5

[Вадим Круглов]

Я просил автоматизацию, а не ручной способ. Впрочем я нашел статью с решением. Если Вам интересно что я хотел, то вот эта статья.

[VegasChickiChicki]

Вадим Круглов, Вы до пункта 5 опускались вообще? Там же все описано...

[Вадим Круглов]

VegasChickiChicki, что там я мог прочитать про автоматизацию?

Скриншот