Как сделать BB-код для вставки иконок Font Awesome?

[Maga05]

Как сделать бб-код, чтобы я мог с его помощью вставлять иконки из фоно авесом?

 

[akolaps]

короче заходишь админ панель - Контент - BB-коды - Добавить BB-код
дальше пишешь примерно так в шаблоне этого кода

<i class="fas fa-{TEXT}"></i>

дальше короч сохраняешь идешь на форум и чтобы вставить иконку в сообщение свое пишешь вот так

[fa]user[/fa]

вместо USER пиши название иконки которую ты хочешь
название бери отсюда

Спойлер: сайт font awesome

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

 

[akolaps]

если помог поставь лайк, что то не получается пиши

 

[Maga05]

если помог поставь лайк, что то не получается пиши

Чет не получилось, ничего не отображается. Скрин кинуть?

 

[akolaps]

кинь

 

[Maga05]

кинь

Это в панели


А это на форуме

 

[Zenettany]

Посмотреть вложение 20009
Это в панели

Посмотреть вложение 20010
А это на форуме

1. вводи - [fa]НАЗВАНИЕ ИКОНКИ[/fa], например [fa]crown[/fa] и будет иконка короны.
2. убери капсoм TEXT, сделай просто {text}

 

[Kolpak]

Будут созданы 3 bb-кода под каждый стиль FA

Спойлер: Font Awesome Solid

Тег BB-кода: fas
Заголовок: fas
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf fas fa-{text}" aria-hidden="true"></i>

Использование:

[fas]home[/fas]
[fas]check[/fas]
[fas]user[/fas]

Спойлер: Font Awesome Regular

Тег BB-кода: far
Заголовок: far
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf far fa-{text}" aria-hidden="true"></i>

Использование:

[far]address-book[/far]

Спойлер: Font Awesome Brand

Тег BB-кода: fab
Заголовок: fab
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf fab fa-{text}" aria-hidden="true"></i>

Использование:

[fab]github[/fab]
[fab]telegram[/fab]

Если одним BB-кодом

Спойлер

Тег BB-кода: fa
Заголовок: fa
Режим замены: Простая замена
Опция BB-кода: Указывать не надо
Замена HTML: <i class="fa--xf {option} fa-{text}" aria-hidden="true"></i>
Проверка опции по регулярному выражению: #^[a-z0-9 _-]+$#i

Использование:

[fa=fas]home[/fa]
[fa=far]address-book[/fa]
[fa=fab]github[/fa]

 

[Maga05]

Будут созданы 3 bb-кода под каждый стиль FA

Спойлер: Font Awesome Solid

Тег BB-кода: fas
Заголовок: fas
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf fas fa-{text}" aria-hidden="true"></i>
Посмотреть вложение 20012
Использование:

[fas]home[/fas]
[fas]check[/fas]
[fas]user[/fas]

Спойлер: Font Awesome Regular

Тег BB-кода: far
Заголовок: far
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf far fa-{text}" aria-hidden="true"></i>
Посмотреть вложение 20013
Использование:

[far]address-book[/far]

Спойлер: Font Awesome Brand

Тег BB-кода: fab
Заголовок: fab
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML: <i class="fa--xf fab fa-{text}" aria-hidden="true"></i>
Посмотреть вложение 20014
Использование:

[fab]github[/fab]
[fab]telegram[/fab]

Если одним BB-кодом

Спойлер

Тег BB-кода: fa
Заголовок: fa
Режим замены: Простая замена
Опция BB-кода: Указывать не надо
Замена HTML: <i class="fa--xf {option} fa-{text}" aria-hidden="true"></i>
Проверка опции по регулярному выражению: #^[a-z0-9 _-]+$#i
Посмотреть вложение 20015
Использование:

[fa=fas]home[/fa]
[fa=far]address-book[/fa]
[fa=fab]github[/fa]

Чето не фурычит

 

[Maga05]

Возможно сделать так, чтобы иконка выходила через такое форматирование?:

[FA]fas fa-coffe[/FA]
[FA]far fa-coffe[/FA]
[FA]fal fa-coffe[/FA]

 

[Zenettany]

Возможно сделать так, чтобы иконка выходила через такое форматирование?:

[FA]fas fa-coffe[/FA]
[FA]far fa-coffe[/FA]
[FA]fal fa-coffe[/FA]

замена html:
<i class="fa--xf {text}" aria-hidden="true"></i>
Проверка опции по регулярному выражению:
#^(fas|far|fal|fab) fa-[a-z0-9-]+$#i