Плагин для добавления анкоров на страницах с длинными текстами. Анкоры создаются по заголовкам от h1 до h6.

Чтобы скачать файл, Войдите или Зарегистрируйтесь.
Демо

Файл скачан 0 раз(а)

Небольшой и полезный плагин. Пример использования на странице описания плагина I18n. На сайте автора описано много вариантов кодов.

Основной код:

(% sa_toc %)

Этот код выводит списки заголовков с уровнями вложенности от h1 до h6 .

Код показывающий анкоры только для заголовков с присвоенными классами:

(% sa_toc class=my_class %)

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

Код для ограничения использования заголовков:

(% sa_toc depth=4 %)

Вы можете использовать любые теги заголвоков от h1 до h6, а в списке анкоров показать только заголовки до введенной в коде цифры.

Код для использования упорядоченного списка:

(% sa_toc ol %)

Если вы захотите, чтобы списки отмечались цифрами, используйте этот код.

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

Вы можете комбинировать различные варианты после вызова плагина:

(% sa_toc ol class='toc_a' depth=4 %)

Все варианты кодов разделяются пробелами, а класс кавычками.

Для фреймворка UIkit

Для работы с фреймворком UIkit я немного поправил плагин. Я добавил плавную прокуртку к якорю и возможность определять типы списков с помощью классов. Без определения типа список будет иметь класс uk-list. Если вы используете разные заголовки, то для настройки разных типов списков в зависимости от уровня вложенности меню в файле CSS лучше использовать обычный код.

Если же вы хотите использовать меню в одном уровне, то у вас будет возможность выбрать тип списка по классу uk-list-decimal или uk-list-disc.

Код для класса uk-list-decimal:

(% sa_toc decimal %)

Код для класса uk-list-disc:

(% sa_toc disc %)

Всё остальное регулируется так же, как в обычном плагине.

Демо

Чтобы скачать эту версию плагина вам нужно подать заявку в группу ВКонтакте и оплатить регистрационный сбор.

Обновлено 21 октября 2024

Количество просмотров страницы: 6

Время загрузки страницы 0.0738 секунды


Поделитесь с друзьями

Share with friends

Файлы cookie помогают нам улучшать качество предлагаемых интернет-пользователям услуг. Оставаясь на сайте, вы соглашаетесь на использование нами файлов cookie.

ПринятьПодробнее

Предлагаю всем людям, заинтересованным в развитии GetSimple CMS, продвигать этот сайт всеми доступными вам способами.