Подписаться через RSS2Email.ru
|
Показать HTML | Показать BBCode
Поддерживаемые теги
Форматирование текста
Ниже перечислены не все теги, которые могут быть использованы для форматирования текста. Дополнительные теги описаны на страницах "Семантические выделения в тексте", "Списки, таблицы, ссылки, картинки" и "Теги подсветок синтаксисов" [align] - выравниване текста по левому ([align=left]), правому ([align=right]) краю, по центру ([align=center]) или по ширине ([align=justify]). При конвертации переводится в <div class="bb" align="...">.
Пример:
[align=right]Текст, выровненный по правому краю.[/align].
Результат:
Текст, выровненный по правому краю.
[b] - жирный шрифт. Эквивалент HTML-ного <strong class="bb">.
Код
| Результат
|
|---|
[b]жирный[/b] текст
| жирный текст
|
[bdo] - эквивалент HTML-ного тега <bdo class="bb">. Определяет направление текста. Примеры:
Код
| Результат
|
|---|
[bdo=ltr]текст слева направо[/bdo]
| текст слева направо
| [bdo=rtl]текст справа налево[/bdo]
| текст справа налево
|
Может, также, принимать атрибут lang, эквивалентный HTML-ному.
[big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <big class="bb">. Действет также, как [size=+1]. Пример:
Код
| Результат
|
|---|
увеличить [big]шрифт[/big]
| увеличить шрифт
|
[br] - разрыв строки. Эквивалент HTML-ного <br class="bb" />. Особого смысла в использовании [br] нет, так как в BBCode для перевода строки достаточен обычный символ перевода строки, вводимый при нажатии клавиши <Enter>. Пример:
Код
| Результат
|
|---|
начать новую[br]строку
| начать новую
строку
|
[center] - сокращение для [align=center].
Пример:
[center]Текст, выровненный по центру[/center].
Результат:
Текст, выровненный по центру
[color] - тег для цветового выделения текста. При конвертации переводится в <font color="...">.
Код
| Результат
|
|---|
[color=red]красный[/color] текст
| красный текст
|
[em] - курсив. Эквивалент HTML-ного <em class="bb" />. Аналог для [i]. Пример:
Код
| Результат
|
|---|
текст [em]курсивом[/em]
| текст курсивом
|
[font] - указать шрифт. Аналог HTML-ного <font>. Поддерживает также атрибуты color, size и face. Примеры:
Код
| Результат
|
|---|
[font=Arial]текст[/font]
| текст
| [font=Verdana color=red]текст[/font]
| текст
| [font face=Tahoma size=+2]текст[/font]
| текст
|
[hr] - аналог HTML-ного <hr>. При конвертации переводится в <hr class="bb" />.
Пример: [hr].
Результат:
[i] - эквивалент HTML-ного <i class="bb">. Аналог для [em]. Пример:
Код
| Результат
|
|---|
текст [i]курсивом[/i]
| текст курсивом
|
[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]).
|
[left] - сокращение для [align=left].
Пример:
[left]Текст, выровненный по левому краю.[/left].
Результат:
Текст, выровненный по левому краю.
[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]
Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
[right] - сокращение для [align=right].
Пример:
[right]Текст, выровненный по правому краю.[/right].
Результат:
Текст, выровненный по правому краю.
[s] - зачеркнутый текст. Аналог HTML-ного <del class="bb">. Синоним для [strike] и [del]. Пример:
Код
| Результат
|
|---|
[s]зачеркнутый[/s] текст
| зачеркнутый текст
|
[size] - тег для изменения размера шрифта. При конвертации переводится в <font size="...">. Пример: "[size=6]текст[/size]". Результат: "текст".
[small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <small class="bb">. Действет также, как [size=-1]. Пример:
Код
| Результат
|
|---|
уменьшить [small]шрифт[/small]
| уменьшить шрифт
|
[strike] - синоним для [s]. Пример:
Код
| Результат
|
|---|
[strike]зачеркнутый[/strike] текст
| зачеркнутый текст
|
[strong] - синоним для [b]. Пример:
Код
| Результат
|
|---|
[strong]жирный[/strong] текст
| жирный текст
|
[sub] - нижний индекс. Аналог HTML-ного <sub>. Пример:
Код
| Результат
|
|---|
нижний[sub]индекс[/sub]
| нижнийиндекс
|
[sup] - верхний индекс. Аналог HTML-ного <sup>. Пример:
Код
| Результат
|
|---|
верхний[sup]индекс[/sup]
| верхнийиндекс
|
[tt] - стиль печатной машинки. Аналог HTML-ного <tt>. Пример:
Код
| Результат
|
|---|
[tt]Моноширинный текст.[/tt]
| Моноширинный текст.
|
[u] - подчеркнутый текст. Аналог HTML-ного <u>. Пример:
Код
| Результат
|
|---|
[u]подчеркнутый[/u] текст
| подчеркнутый текст
|
Последнее редактирование: 2007-08-23 18:19:43
Метки материала:
теги BBCode, xBB, align, justify, nobb, size, right, center, color, left, HTML
23 комментария
Гость а
как можно настроить свою палитру цветов?
Гость
ясно
Гость а
ничегог не нашел как изменить палитру цветов, в каком файле конкретно, откуда редактор берет цвета
dima
Редактор берет цвета из файла style.css
Но, домаю, что вашему сайту понадобится собственная таблица стилей.
Гость alex
как сделать бегущую строку или подсветку
Гость Helgi
Добрый день!
Нет смог придумать красивого способа для ввода в тексте « и ».
У меня происходит замена амперсанда на его код, а не срабатывает.
Вдруг кто-то уже сталкивался с подобной проблемой?
Спасибо.
dima
Если вы вводите " «" или " »", но получаете, соответственно, " «" и " »", то вам стоит почитать про " Траблы с умляутом и прочими HTML-мнемониками в однобайтных кодировках"
Если вы вводите " «" или " »" и получаете, соответственно, " «" и " »", то это не ошибка. Действует правило: "Что ввели, то и увидели".
Если вы хотите облегчить пользователям ввод символов " «" и " »", то воспользуйтесь свойством mnemonics, описанным в разделе " API. Свойства класса bbcode". Создайте соответствующие мнемоники.
Гость czech
как давать редактирование и конвертацией из html в bbcode
Оставьте свой комментарий:
|