FontAwesome BBCode

##############################################################
## Название: FontAwesome BBCode
## Адаптировал: LAV
## Описание: Мод для вставки иконки FontAwesome
## Проверял на версии 2.3.1 (bison)
## Installation Level: Easy
## Installation Time: 2 Minutes
##############################################################
## Иконки можно взять отсюда : Font Awesome Icons
##############################################################
---Закинуть файлы

-----[ ОТКРЫТЬ ]------------------------------------------

page-header.tpl

----[ Прописать перед </head>]------------------------------------------

<link rel="stylesheet" href="/styles/vendor/fontawesome/css/font-awesome.min.css" />

-----[ ОТКРЫТЬ ]------------------------------------------

styles/templates/default/posting_editor.tpl

-----[ НАЙТИ ]------------------------------------------

<input type="button" value="s" name="codeS" title="{L_STRIKEOUT}"/>

-----[ ПОСЛЕ ВСТАВИТЬ ]------------------------------------------

<input type="button" value="FA" name="codeFA" class="btn btn-outline btn-primary btn-xs" title="FA"/>

-----[ НАЙТИ ]------------------------------------------

bbcode.addTag("codeOpt", "*", "", "0", ctrl);

-----[ ПОСЛЕ ВСТАВИТЬ ]------------------------------------------

bbcode.addTag("codeFA", "[fa]", "[/fa]", "0", ctrl);

-----[ ОТКРЫТЬ ]------------------------------------------

/src/Legacy/BBCode.php

-----[ НАЙТИ ]------------------------------------------

'#\[list=(a|A|i|I|1)\]#isu'                                             => '<ul type="$1">',

-----[ ПОСЛЕ ВСТАВИТЬ ]------------------------------------------

'#\[fa\](.*?)\[/fa\]#isu'                                               => '<i class="$1" aria-hidden="true"></i>',

В инструкцию лучше включить шаги по подключению FontAwesome, и желательно чтобы библиотека находилась локально, а не удаленно, так быстрее будет загрузка страницы.

А так, идея хорошая, думаю многим пригодится, учитывая что поддержки эмодзи пока что нету 🥲

А что собственно оборачивать тегом ? Пример то можно ?

А что собственно оборачивать тегом ? Пример то можно ?

https://fontawesome.com/v4/icons/

Вот тут список всех иконок, выбираешь нужную, копируешь её код и вставляешь в тег. Пример: fa-address-book

<link rel="stylesheet" href="/styles/vendor/fontawesome/css/font-awesome.css" /> <link rel="stylesheet" href="/styles/vendor/fontawesome/css/font-awesome.min.css" />

Вы дважды подключили css, следует подключать только последнюю минифицированную

Вы дважды подключили css, следует подключать только последнюю минифицированную

Спасибо. Обновил инструкцию и архив.

В инструкцию лучше включить шаги по подключению FontAwesome, и желательно чтобы библиотека находилась локально, а не удаленно, так быстрее будет загрузка страницы.

А так, идея хорошая, думаю многим пригодится, учитывая что поддержки эмодзи пока что нету 🥲

Что бы эмодзи работало, достаточно базу в utf8mb4 и в config.php указать

Что бы эмодзи работало, достаточно базу в utf8mb4 и в config.php указать
View attachment 5875

В идеале надо ещё базу конвертировать в utf8mb4, но там свои заморочки