BB-коды

В составе фреймворка PipUI есть компонент с заготовленными стилями для BB-кодов. Всё что необходимо сделать, это выставить необходимую разметку или классы

Жирное начертание шрифта (теги [b][/b])

HTML

<span class="bb-bold">Жирное начертание шрифта</span>

Наклонный текст (теги [i][/i])

HTML

<span class="bb-italic">Наклонный текст</span>

Зачеркнутый текст (теги [s][/s])

HTML

<span class="bb-strike">Зачеркнутый текст</span>

Подчеркнутый текст (теги [u][/u])

HTML

<span class="bb-underline">Подчеркнутый текст</span>

Выравнивание по левому краю (теги [left][/left])

HTML

<div class="bb-text-left">Выравнивание по левому краю</div>

Выравнивание по правому краю (теги [right][/right])

HTML

<div class="bb-text-right">Выравнивание по правому краю</div>

Выравнивание по центру (теги [center][/center])

HTML

<div class="bb-text-center">Выравнивание по центру</div>

Горизонтальная линия (тег [line])

HTML

Показать/Скрыть

Скрытый текст!

(теги [spoiler="Показать/Скрыть"][/spoiler])

HTML

<div class="bb-spoiler-wrapper"> <div class="bb-spoiler"> <a href="#" class="bb-spoiler-trigger">Показать/Скрыть</a> <div class="bb-spoiler-text">Скрытый текст!</div> </div> </div>

Изображение (теги [img][/img])

HTML

Цитата (теги [quote][/quote])

PipUI - 01.01.2019

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, in.

HTML

<div class="bb-quote-wrapper"> <div class="bb-quote"> <div class="bb-quote-title">PipUI - 01.01.2019</div> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, in. </div> </div>

Вставка кода (теги [code][/code])

Javascript

alert('PipUI');

HTML

<div class="bb-code"> <div class="bb-code-language">Javascript</div> <div class="bb-code-text">alert('PipUI');</div> </div>

Вставка YouTube проигрывателя (теги [youtube][/youtube])

HTML