wiki:plugin:myicon
Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
| wiki:plugin:myicon [2025/01/12 15:31] – [Примеры/Использование] vladpolskiy | wiki:plugin:myicon [2025/01/12 15:41] (текущий) – vladpolskiy | ||
|---|---|---|---|
| Строка 5: | Строка 5: | ||
| Этот плагин был разработан VladPolskiy. | Этот плагин был разработан VladPolskiy. | ||
| * **Релиз: | * **Релиз: | ||
| - | * **Репозиторий: | + | * **Репозиторий: |
| * **Совместимость с «Докувики»: | * **Совместимость с «Докувики»: | ||
| * {{ : | * {{ : | ||
| Строка 96: | Строка 96: | ||
| {{: | {{: | ||
| - | ===== Синтаксис ===== | ||
| - | === Базовый синтаксис === | ||
| - | < | ||
| - | |||
| - | === Синтаксис ссылки DokuWiki === | ||
| - | < | ||
| - | |||
| - | === Синтаксис внешней ссылки === | ||
| - | < | ||
| - | |||
| - | === Доступные пакеты иконок === | ||
| - | |||
| - | ^ Пакет ^^^ | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | |||
| - | |||
| - | === Всплывающий помощник === | ||
| - | {{ http:// | ||
| - | |||
| - | The popup support this icon packs: | ||
| - | |||
| - | * Font-Awesome | ||
| - | * RPG-Awesome | ||
| - | * Typicons | ||
| - | * Material Design Icons | ||
| - | * Glyphicons | ||
| =====Конфигурация и настройки===== | =====Конфигурация и настройки===== | ||
| - | ^ Вариант конфигурации ^ Значение по умолчанию ^ Описание ^ | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | ^ '' | ||
| - | **ПРИМЕЧАНИЕ для пакета значков флагов**: | ||
| - | ===== Флаги ===== | ||
| - | ^ Флаг | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | |||
| - | ==== Флаги Font Awesome ==== | ||
| - | |||
| - | ^ Флаг | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | |||
| - | ===== Демо ===== | ||
| - | |||
| - | Демонстрация и примеры доступны по адресу [[http:// | ||
| - | |||
| - | ===== Часто задаваемые вопросы ===== | ||
| - | ===Как установить Font Awesome и Glyphicon в портативную версию Dokuwiki? | ||
| - | Первый шаг, скачайте пакет Font Awesome и создайте в вашей установке DokuWiki каталог (например, | ||
| - | ===Не работает ли плагин-помощник? | ||
| - | Это происходит потому, | ||
| - | Весь jQuery встроен с тегом defer, поэтому и возникает эта ошибка. | ||
| - | |||
| - | **безопасное решение**: | ||
| - | |||
| - | - сделайте резервную копию popup.php | ||
| - | - скопируйте скрипт, | ||
| - | - создайте файл **popup_script.js** в том же каталоге и вставьте в него этот скопированный скрипт | ||
| - | - удалите этот скрипт из **popup.php**. | ||
| - | - на место удаленного скрипта вставте скрипт следующего вида **< | ||
| - | - и сохраните. | ||
| - | примечание: | ||
| - | Скрипт для вставки в **popup.php**: | ||
| - | <code php> | ||
| - | <script src="/ | ||
| - | </ | ||
| - | перезагрузите страницу, | ||
| - | |||
| - | Скрипт для справки: | ||
| - | <code php popup_script.js> | ||
| - | jQuery(document).ready(function() { | ||
| - | |||
| - | var is_bootstrap = (typeof jQuery.fn.modal !== " | ||
| - | |||
| - | var $icon_pack | ||
| - | $icon_name | ||
| - | $icon_size | ||
| - | $icon_align | ||
| - | $output | ||
| - | $preview | ||
| - | |||
| - | if (! is_bootstrap) { | ||
| - | jQuery(' | ||
| - | } | ||
| - | |||
| - | jQuery(' | ||
| - | |||
| - | jQuery(' | ||
| - | jQuery(this).addClass(' | ||
| - | |||
| - | $icon_size.val(jQuery(this).data(' | ||
| - | jQuery(document).trigger(' | ||
| - | |||
| - | }); | ||
| - | |||
| - | jQuery(' | ||
| - | |||
| - | jQuery(' | ||
| - | jQuery(this).addClass(' | ||
| - | |||
| - | $icon_align.val(jQuery(this).data(' | ||
| - | jQuery(document).trigger(' | ||
| - | |||
| - | }); | ||
| - | |||
| - | jQuery(' | ||
| - | |||
| - | if (! is_bootstrap) { | ||
| - | jQuery(' | ||
| - | jQuery(' | ||
| - | jQuery(jQuery(this).attr(' | ||
| - | jQuery(this).parent().addClass(' | ||
| - | } | ||
| - | |||
| - | $icon_pack.val(jQuery(this).data(' | ||
| - | jQuery(' | ||
| - | |||
| - | jQuery(document).trigger(' | ||
| - | |||
| - | }); | ||
| - | |||
| - | jQuery(' | ||
| - | $icon_name.val(jQuery(this).data(' | ||
| - | jQuery(document).trigger(' | ||
| - | }); | ||
| - | |||
| - | jQuery(document).on(' | ||
| - | |||
| - | var icon_pack | ||
| - | icon_size | ||
| - | icon_align = $icon_align.val(), | ||
| - | icon_name | ||
| - | |||
| - | if (! icon_name) { | ||
| - | return false; | ||
| - | } | ||
| - | |||
| - | var syntax = [ ' | ||
| - | |||
| - | syntax.push(icon_pack); | ||
| - | syntax.push('>' | ||
| - | |||
| - | var icon_size_pixel = 0; | ||
| - | |||
| - | switch (icon_size) { | ||
| - | case ' | ||
| - | icon_size_pixel = 24; | ||
| - | break; | ||
| - | case ' | ||
| - | icon_size_pixel = 32; | ||
| - | break; | ||
| - | case ' | ||
| - | icon_size_pixel = 48; | ||
| - | break; | ||
| - | } | ||
| - | |||
| - | if (icon_size_pixel) { | ||
| - | syntax.push('?' | ||
| - | } | ||
| - | |||
| - | if (icon_align) { | ||
| - | syntax.push('& | ||
| - | } | ||
| - | |||
| - | syntax.push(' | ||
| - | |||
| - | $output.val(syntax.join('' | ||
| - | $preview.text(syntax.join('' | ||
| - | |||
| - | }); | ||
| - | |||
| - | jQuery('# | ||
| - | jQuery(document).trigger(' | ||
| - | }); | ||
| - | |||
| - | jQuery(document).on(' | ||
| - | jQuery(' | ||
| - | jQuery(this)[0].reset(); | ||
| - | }); | ||
| - | $output.val('' | ||
| - | $preview.text('' | ||
| - | }); | ||
| - | |||
| - | jQuery('# | ||
| - | |||
| - | if (jQuery(this).attr(' | ||
| - | opener.insertAtCarret(' | ||
| - | opener.focus(); | ||
| - | } | ||
| - | |||
| - | }); | ||
| - | |||
| - | }); | ||
| - | </ | ||
| - | |||
| - | [[https:// | ||
| - | |||
| - | ===Альтернативный способ=== | ||
| - | * {{ : | ||
| - | * распакуйте в папку ''/ | ||
| - | ===Настройка и поддержка Fontawesome 6.71=== | ||
| - | [[https:// | ||
| - | |||
| - | P.S. Этот ZIP-архив содержит ТОЛЬКО измененные/ | ||
| - | {{ : | ||
| - | |||
| - | Что изменено в модифицированной версии: | ||
| - | |||
| - | * заменен набор иконок на Fontawesome 6.71. Поскольку 6.71 отделил иконки брендов, | ||
| - | * | ||
| - | * (должно быть) совместимым с уже добавленными значками FA из предыдущей версии, | ||
| - | * | ||
| - | * добавить дополнительную вкладку руководства во всплывающем окне для более удобного использования тегов | ||
| - | * | ||
| - | * В сочетании с исправлением js defer, оригинальный скрипт расширения должен отключить defer JS со страницы конфигурации для работы. Из [[https:// | ||
| - | |||
| - | Техническое примечание: | ||
| - | |||
| - | - Я использовал Node.js для извлечения нового имени значка в виде списка для замены оригинального list-font-awesome.php ( https:// | ||
| - | |||
| - | - добавлены строки комментариев в измененных файлах, | ||
| - | [[https:// | ||
| - | {{ : | ||
| =====Обновление===== | =====Обновление===== | ||
| - | Для обновления удалите исходную папку lib/ | + | Для обновления удалите исходную папку lib/ |
| =====Файл для загрузки===== | =====Файл для загрузки===== | ||
| - | * {{ : | + | * {{ : |
| - | FortAwesome/ | + | |
| - | * {{ : | + | |
| - | * {{ : | + | |
| - | * {{ : | + | |
| - | * {{ : | + | |
| - | * https:// | + | |
| =====Лицензия===== | =====Лицензия===== | ||
| - | * **Author:** [[giuseppe.diterlizzi@gmail.com|Giuseppe Di Terlizzi]] | + | * **Author:** [[PolskiyVN@gmail.com|VladPolskiy]] |
| * **License: | * **License: | ||
wiki/plugin/myicon.1736685109.txt.gz · Последнее изменение: 2025/01/12 15:31 — vladpolskiy