Интернет, компьютеры, софт и прочий Hi-Tech

Подписаться через RSS2Email.ru

PHP-библиотека xBB 0.29 для работы с BBCode

Поддерживаемые теги BBCode

Форматирование текста

Ниже перечислены не все теги, которые могут быть использованы для форматирования текста. Дополнительные теги описаны на страницах "Семантические выделения в тексте", "Списки, таблицы, ссылки, картинки" и "Теги подсветок синтаксисов"

  1. [align] - выравниване текста по левому ([align=left]), правому ([align=right]) краю, по центру ([align=center]) или по ширине ([align=justify]). При конвертации переводится в <div class="bb" align="...">.
     
    Пример:
    [align=right]Текст, выровненный по правому краю.[/align].
     
    Результат:
    Текст, выровненный по правому краю.

    (Если интересно, читайте также статью о HTML-атрибуте align="center")
     
  2. [b] - жирный шрифт. Эквивалент HTML-ного <strong class="bb">.
     
    Код
    Результат
    [b]жирный[/b] текст
    жирный текст

  3. [bdo] - эквивалент HTML-ного тега <bdo class="bb">. Определяет направление текста. Примеры:
     
    Код
    Результат
    [bdo=ltr]текст слева направо[/bdo]
    текст слева направо
    [bdo=rtl]текст справа налево[/bdo]
    текст справа налево

    Может, также, принимать атрибут lang, эквивалентный HTML-ному.
     
  4. [big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <big class="bb">. Действет также, как [size=+1]. Пример:
     
    Код
    Результат
    увеличить [big]шрифт[/big]
    увеличить шрифт

  5. [br] - разрыв строки. Эквивалент HTML-ного <br class="bb" />. Особого смысла в использовании [br] нет, так как в BBCode для перевода строки достаточен обычный символ перевода строки, вводимый при нажатии клавиши <Enter>. Пример:
     
    Код
    Результат
    начать новую[br]строку
    начать новую
    строку

  6. [center] - сокращение для [align=center].
     
    Пример:
    [center]Текст, выровненный по центру[/center].
     
    Результат:
    Текст, выровненный по центру

  7. [color] - тег для цветового выделения текста. При конвертации переводится в <font color="...">.
     
    Код
    Результат
    [color=red]красный[/color] текст
    красный текст

  8. [em] - курсив. Эквивалент HTML-ного <em class="bb" />. Аналог для [i]. Пример:
     
    Код
    Результат
    текст [em]курсивом[/em]
    текст курсивом

  9. [font] - указать шрифт. Аналог HTML-ного <font>. Поддерживает также атрибуты color, size и face. Примеры:
     
    Код
    Результат
    [font=Arial]текст[/font]
    текст
    [font=Verdana color=red]текст[/font]
    текст
    [font face=Tahoma size=+2]текст[/font]
    текст

  10. [hr] - аналог HTML-ного <hr>. При конвертации переводится в <hr class="bb" />.
     
    Пример: [hr].
    Результат:


  11. [i] - эквивалент HTML-ного <i class="bb">.  Аналог для [em]. Пример:
     
    Код
    Результат
    текст [i]курсивом[/i]
    текст курсивом

  12. [justify] - сокращение для [align=justify]. Пример:
     
    Код
    Результат
    [justify]Выровнять текст по ширине (как в этом абзаце) можно с помощью тега @l;align=justify@r; или с помощью тега @l;justify@r;. Этот тег эквивалентен [b]<div class="bb" align="justify">[/b] в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег @l;left@r; или @l;align=left@r;), по правому краю (тег @l;right@r; или @l;align=right@r;) и по центру (тег @l;center@r; или @l;align=center@r;).[/justify].
    Выровнять текст по ширине (как в этом абзаце) можно с помощью тега [align=justify] или с помощью тега [justify]. Этот тег эквивалентен <div class="bb" align="justify"> в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег [left] или [align=left]), по правому краю (тег [right] или [align=right]) и по центру (тег [center] или [align=center]).

  13. [left] - сокращение для [align=left].
     
    Пример:
    [left]Текст, выровненный по левому краю.[/left].
     
    Результат:
    Текст, выровненный по левому краю.

  14. [nobb] - тег, внутри которого не происходит конвертации ББКода в HTML, не работают "автоматические ссылки" и не вставляются смайлы. Пример:
     
    Код
    Результат
    [nobb][b]ББКод[/b] со смайлом :)[/nobb]
    [b]ББКод[/b] со смайлом :)

    Должен предупредить, что неоднозначность во вложенности тегов может привести к неожидавшимся результатам.
     
    Например, код
    [nobb] текст1 [/nobb] текст2 [/nobb]
    будет интерпретирован скриптом так:
    [nobb] текст1 [/nobb] текст2 [/nobb]
    Код
    [b] текст1 [nobb] текст2 [/b] текст3 [/nobb] текст4 [/b]
    будет интерпретирован скриптом так:
    [b] текст1 [nobb] текст2 [/nobb][/b] текст3 [/nobb] текст4 [/b]

    Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
     
  15. [right] - сокращение для [align=right].
     
    Пример:
    [right]Текст, выровненный по правому краю.[/right].
     
    Результат:
    Текст, выровненный по правому краю.

  16. [s] - зачеркнутый текст. Аналог HTML-ного <del class="bb">. Синоним для [strike] и [del]. Пример:
     
    Код
    Результат
    [s]зачеркнутый[/s] текст
    зачеркнутый текст

    Для справки: Тег зачеркнутый текст в HTML

  17. [size] - тег для изменения размера шрифта. При конвертации переводится в <font size="...">. Пример: "[size=6]текст[/size]". Результат: "текст".
     
  18. [small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <small class="bb">. Действет также, как [size=-1]. Пример:
     
    Код
    Результат
    уменьшить [small]шрифт[/small]
    уменьшить шрифт

  19. [strike] - синоним для [s]. Пример:
     
    Код
    Результат
    [strike]зачеркнутый[/strike] текст
    зачеркнутый текст

  20. [strong] - синоним для [b]. Пример:
     
    Код
    Результат
    [strong]жирный[/strong] текст
    жирный текст

  21. [sub] - нижний индекс. Аналог HTML-ного <sub>. Пример:
     
    Код
    Результат
    нижний[sub]индекс[/sub]
    нижнийиндекс

  22. [sup] - верхний индекс. Аналог HTML-ного <sup>. Пример:
     
    Код
    Результат
    верхний[sup]индекс[/sup]
    верхнийиндекс

  23. [tt] - стиль печатной машинки. Аналог HTML-ного <tt>. Пример:
     
    Код
    Результат
    [tt]Моноширинный текст.[/tt]
    Моноширинный текст.

  24. [u] - подчеркнутый текст. Аналог HTML-ного <u>. Пример:
     
    Код
    Результат
    [u]подчеркнутый[/u] текст
    подчеркнутый текст
Биржа долевых инвестиций SIMEX.

Последнее редактирование: 2011-09-25 18:14:30

Метки материала: bbcode, теги bbcode, xbb, align, justify, nobb, size, right, center, color, left, html


40 комментариев

Последние десять комментариев:

26.03.2012 14:45:24 #
Mozilla Firefox dima
Вот здесь: "x[BB] - Дополнительные BBCODE может кому пригодится", - дано несколько реализаций тегов для форматирования строк. Можете сделать по образцу.
 
О реализации градиента для строк с помощью HTML/CSS лучше посмотреть какую-то уже существующую реализацию.
26.03.2012 14:20:12 #
Opera Гость Урго
Видел однажды сделанный на BBCode плавный переход цвета в строке, типа начинается текст красным потом постепенно зеленеет к концу строки. Подскажите пожалуйста как это сделать.
07.06.2011 15:20:47 #
Mozilla Firefox dima
Пожалуйста Well
07.06.2011 11:55:47 #
Mozilla Firefox Гость Дмитрий
Спасибо, все вопросы решились сами собой.
 
П.С. На форуме не нашел формы поиска. А очень помогла бы...
Всяких Вам успехов. Спасибо за труд.
07.06.2011 11:25:35 #
Mozilla Firefox dima
Этот тег описан на странице "Списки, таблицы, ссылки, картинки".
07.06.2011 10:04:57 #
Mozilla Firefox Гость Дмитрий
Не отобразился тег URL в предыдущем комменте... Про него речь!
07.06.2011 10:02:27 #
Mozilla Firefox Гость Дмитрий
Не нашел описание тега [url], очень расстроился ((
 
Хотя задача у меня более конкретная: как сделать, чтоб при вставке ссылки был доступен ввод не только самой ссылки но и текста, по которому кликаешь в дальнейшем после публикации.
 
Заранее спасибо!
 
~~ отредактировано dima
31.01.2011 07:41:48 #
Mozilla Firefox dima
BBCode имеет множество реализаций. У каждой свои особенности. Перечисленные здесь теги работают с библиотекой xBB v0.29. Я не знаю, какая из реализаций используется на funs.djuice.ua. Узнавайте у разработчиков.
31.01.2011 02:54:41 #
Opera Гость matveev06
точніше не все підходить
31.01.2011 02:48:20 #
Opera Гость matveev06
чому це не підходить для funs.djuice.ua?:,(

Оставьте, пожалуйста, свой комментарий к публикации

Представиться как     Антибот:
   

Просьба не постить мусор. Если вы хотите потестить xBB, воспользуйтесь кнопкой предварительного просмотра на панели инструментов xBBEditor-а.


© 2007-2017, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.