xBB – бесплатные скрипты PHP и доки для вебмастеров

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

Показать HTML | Показать BBCode

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

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

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

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

  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] текст
    зачеркнутый текст

  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] текст
    подчеркнутый текст

 
 

Последнее редактирование: 2007-08-23 18:19:43

Метки материала: теги BBCode, xBB, align, justify, nobb, size, right, center, color, left, HTML


23 комментария

28.09.2007 15:50:43 #
Opera Гость а
как можно настроить свою палитру цветов?
28.09.2007 21:45:36 #
Mozilla Firefox dima
С помощью CSS: http://xbb.uz/docs/css.bb
29.09.2007 11:24:04 #
Opera Гость
ясно Well
23.10.2007 17:42:25 #
Opera Гость а
ничегог не нашел как изменить палитру цветов, в каком файле конкретно, откуда редактор берет цвета
24.10.2007 11:45:26 #
Mozilla Firefox dima
Редактор берет цвета из файла style.css
Но, домаю, что вашему сайту понадобится собственная таблица стилей.
20.03.2008 21:08:45 #
Mozilla Firefox Гость alex
как сделать бегущую строку или подсветку
21.03.2008 20:16:33 #
Mozilla Firefox dima
Создайте тег [marquee] http://xbb.uz/docs/add_tag.bb
Теги подсветок перечислены здесь: http://xbb.uz/docs/geshi.bb
Если вам нужна еще одна подсветка, обратитесь к документации Geshi: http://xbb.uz/public/geshi.html
10.05.2008 17:23:37 #
Opera Гость Helgi
Добрый день!
Нет смог придумать красивого способа для ввода в тексте &laquo; и &raquo;.
У меня происходит замена амперсанда на его код, а не срабатывает.
Вдруг кто-то уже сталкивался с подобной проблемой?
Спасибо.
11.05.2008 00:34:33 #
Mozilla Firefox dima
Если вы вводите "«" или "»", но получаете, соответственно, "&laquo;" и "&raquo;", то вам стоит почитать про "Траблы с умляутом и прочими HTML-мнемониками в однобайтных кодировках"
 
Если вы вводите "&laquo;" или "&raquo;" и получаете, соответственно, "&laquo;" и "&raquo;", то это не ошибка. Действует правило: "Что ввели, то и увидели".
 
Если вы хотите облегчить пользователям ввод символов "«" и "»", то воспользуйтесь свойством mnemonics, описанным в разделе "API. Свойства класса bbcode". Создайте соответствующие мнемоники.
02.03.2009 20:14:12 #
Mozilla Firefox Гость czech
как давать редактирование и конвертацией из html в bbcode

Оставьте свой комментарий:

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

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


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