FontAwesome BBCode

LAV

LAV

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

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

page-header.tpl

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

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

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

styles/templates/default/posting_editor.tpl

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

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

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

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

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

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

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

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

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

/src/Legacy/BBCode.php

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

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

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

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

Attachments

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

А так, идея хорошая, думаю многим пригодится, учитывая что поддержки эмодзи пока что нету 🥲
 
Please note, if you want to make a deal with this user, that it is blocked.
А что собственно оборачивать тегом ? Пример то можно ?
 
Kryl said:
А что собственно оборачивать тегом ? Пример то можно ?
Click to expand...
Code: 
https://fontawesome.com/v4/icons/

Вот тут список всех иконок, выбираешь нужную, копируешь её код и вставляешь в тег. Пример: fa-address-book
 
LAV said:
<link rel="stylesheet" href="/styles/vendor/fontawesome/css/font-awesome.css" /> <link rel="stylesheet" href="/styles/vendor/fontawesome/css/font-awesome.min.css" />
Click to expand...
Вы дважды подключили css, следует подключать только последнюю минифицированную
 
zxc said:
Вы дважды подключили css, следует подключать только последнюю минифицированную
Click to expand...
Спасибо. Обновил инструкцию и архив.
 
belomaxorka said:
В инструкцию лучше включить шаги по подключению FontAwesome, и желательно чтобы библиотека находилась локально, а не удаленно, так быстрее будет загрузка страницы.

А так, идея хорошая, думаю многим пригодится, учитывая что поддержки эмодзи пока что нету 🥲
Click to expand...
Что бы эмодзи работало, достаточно базу в utf8mb4 и в config.php указать
1709835131987.webp
 
Back
Top