Данный плагин предназначен для конвертирования bbcode в html-тэги. Обычно bbcode используют на форумах для того, чтобы запретить выполнение обычных html-тэгов, а вместо этого, для некоторых из них, использовать как безопасную замену.
Кроме этого, bbcode удобен для случаев, когда следует избегать явного указания html. Например в визуальном редакторе можно оформлять текст с помощью кнопок, и тогда браузер будет сразу интерпретировать результат в визуальное отображение, а можно оформить аналогом из bbcode. В этом случае преобразование будет выполнено плагином в момент отображения страницы. Сам же исходный код страницы останется обычным текстом и, тем самым можно его править, не опасаясь «сломать» визуальную html-разметку.
[b]текст[/b] => <strong>текст</strong> - <span style="font-weight: bold;">полужирный</span> [i]текст[/i] => <em>текст</em> - <span style="font-style: italic;">курсив</span> [u]текст[/u] => <u>текст</u> - <span style="text-decoration: underline;">подчеркнутый текст</span> [s]текст[/s] => <del>текст</del> - <span style="text-decoration: line-through;">зачеркнутый</span> [color=цвет]текст[/color] => <span style="color:цвет">текст</span> - цвет текста [size=10pt]текст[/size] => <span style="font-size:10pt">текст</span> - размер шрифта [br] => <br clear="all" /> - принудительный перенос строки [div=стиль]текст[/div] => <div style="стиль">текст</div> - style для блока [p=стиль]текст[/p] => <p style="стиль">текст</p> - style для абзаца [span=стиль]текст[/span] => <span style="стиль">текст</span> - style для текста
[left]текст[/left] => <div style="text-align: left;">текст</div> - выравнивание в блоке влево [right]текст[/right] => <div style="text-align: right;">текст</div> - выравнивание в блоке вправо [center]текст[/center] => <div style="text-align: center;">текст</div> - выравнивание в блоке по центру
[left стиль]текст[/left] => <div style="text-align: left; стиль">текст</div> - выравнивание в блоке влево [right стиль]текст[/right] => <div style="text-align: right; стиль">текст</div> - выравнивание в блоке вправо [center стиль]текст[/center] => <div style="text-align: center; стиль">текст</div> - выравнивание в блоке по центру
[pleft]текст[/pleft] => <p style="text-align: left;">текст</p> - выравнивание в абзаце влево [pright]текст[/pright] => <p style="text-align: right;">текст</p> - выравнивание в абзаце вправо [pcenter]текст[/pcenter] => <p style="text-align: center;">текст</p> - выравнивание в абзаце по центру
[h1]текст[/h1] => <h1>текст</h1> - заголовок 1-го уровня (самый большой) [h2]текст[/h2] => <h2>текст</h2> - заголовок 2-го уровня [h3]текст[/h3] => <h3>текст</h3> - заголовок 3-го уровня [h4]текст[/h4] => <h4>текст</h4> - заголовок 4-го уровня [h5]текст[/h5] => <h5>текст</h5> - заголовок 5-го уровня [h6]текст[/h6] => <h6>текст</h6> - заголовок 6-го уровня (самый маленький)
[list]список[/list] => <ul>список</ul> - список булечкой [ul]список[/ul] => <ul>список</ul> - список булечкой [ol]список[/ol] => <ol>список</ol> - список номерами [ *]текст => <li>текст - элемент списка [ *]текст[ /*] => <li>текст</li> - элемент списка ПРИМЕР СПИСКА: [list] [*]первый [*]второй [*]третий [/list]
[ code]текст[/code ] => < code>текст< /code> - код [ pre]текст[/pre ] => < pre>текст< /pre> - преформатированный текст
[img]адрес[/img] => <img src="адрес" /> - картинка [img=300x500]адрес[/img] => <img src="адрес" style="width: 300px; height: 500px" /> - картинка с размерами
[imgleft]адрес[/imgleft] => <img src="адрес" style="float: left; margin: 0 10px 0 0;" /> - картинка влево [imgright]адрес[/imgright] => <img src="адрес" style="float: right; margin: 0 0 0 10px;" /> - картинка вправо [imgcenter]адрес[/imgcenter] => <div style="text-align: center"><img src="адрес" /></div> - картинка по центру
- тоже, только с названиями/всплывающими подсказками - !!! в названии нельзя использовать кавычки !!! [img Название]адрес[/img] [imgleft Название]адрес[/imgleft] [imgright Название]адрес[/imgright] [imgcenter Название]адрес[/imgcenter]
- Миниатюра (адрес-mini) со ссылкой на оригинал [imgmini=_адрес-mini]адрес[/imgmini] => <a href="адрес" target="_blank"><img src="адрес-mini" /></a> - в новом окне [imgmini=адрес-mini]адрес[/imgmini] => <a href="адрес"><img src="адрес-mini" /></a> - в том же окне
[quote]текст[/quote] => <blockquote>текст</blockquote> - цитата
[url]http://site/[/url] => <a href="http://site/">http://site/</a> [url=http://site/]текст[/url] => <a href="http://site/">текст</a>