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

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

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

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

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

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

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

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

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

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

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

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

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

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