Автогенерация Оглавления Используя Tocbot

Более длительный контент становится нормой с более сильным приемом от Google а также пользователи. Но это может быть немного утомительно, чтобы читать подробный контент с тоннами подзаголовков для просмотра.

Войти Tocbot, бесплатный генератор содержания, построенный на JavaScript. Это автоматически создает фиксированный список ToC на любой странице и обновляет вашу позицию, когда вы прокручиваете каждый заголовок.

Читайте также: создание автоматически созданного оглавления с помощью HTML-слотов

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Главная страница включает в себя полный предварительный просмотр вместе с документацией, которой вы можете следовать, чтобы получить все настройки.

Tocbot не имеет зависимостей и должен работать в любом браузере с включенным JavaScript. Вы просто включаете файлы Tocbot JS / CSS и запускаете их. Просто!

Вы даже можете использовать CDN версии если вы не хотите ничего скачивать локально. Это довольно простая настройка, и вы даже можете настроить содержание в соответствии со своими потребностями.

Однако для его работы требуется немного JavaScript. В частности, вам нужно запустить функцию init () с параметрами, определяющими, где должна отображаться ваша навигация и какие заголовки (заголовки) вы хотите выбрать (т.е. H1-H6).

Посмотрите на GitHub репо для получения дополнительной информации о настройке. Это включает поддержку браузера, все пользовательские параметры и инструкции по настройке для основных файлов JS / CSS.

API поставляется с множеством функций, которые вы также можете редактировать:

Складной список предметов.
Подзаголовки в табл.
Смещение для навигации по таблице.
Исправлена навигация или статика.
Дополнительные ссылки для добавления в навигацию.

Некоторые дизайнеры могут предпочесть создать собственное оглавление с нуля. Но это довольно технический процесс и требует много ручного труда.

С Tocbot вы всего в одной функции JS от рабочего ToC, который динамически работает по всем заголовкам вашей страницы.

Чтобы узнать больше, посетите Домашняя страница Tocbot, Здесь есть вся необходимая информация о настройке, а также ссылки на скачивание CDN (и локальных) версий всех файлов Tocbot.