bbCode (форматирование текста)

Ganelon · 02-20-2010, 07:35 PM

// прототип мануала по использованию bbCode. Будут вносится изменения.
// Важно! это применимо для трекера. На форуме немного по другому.

1. Что такое BBCode?
2. Основные коды выделения текста.
3. Выравнивание текста
4. Цитирование и скрытие текста, список, разделительная линия
5. Вставка изображения, видео и ссылки
6. Комбинирование BBCode

[name=1]
1. Что такое BBCode?

bbCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML- или XHTML-код. bbCode был придуман с целью предоставить более простой, безопасный и ограниченный по сравнению с HTML способ форматирования сообщений.

[name=2]
2. Основные коды выделения текста.

Код:

[b]Жирный текст[/b]

[i]Наклонный текст[/i] 

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

[s]Перечеркнутый текст[/s] 

[color=red]Текст выбранного цвета[/color]

[size=20]Крупный текст[/size]

[family=Courier New]Выбраненный шрифт[/family]

[name=3]
3. Выравнивание текста.

Код:

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

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

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

[justify]Выравнивание по ширине. Еговидно только тогда, когда текст не влазит в одну строчку. И тогда он будет автоматически отформатирован так, что отступов от краев строк не будет[/justify]

[name=4]
4. Цитирование и скрытие текста, список, разделительная линия.

Код:

[quote]Цитирование[/quote]

[quote=Кто-то]цитирование с указанием того, кого цитируешь[/quote]

[spoiler=Скрытое содержание]

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

[/spoiler]

[li]Маркированный список 

[hr]Разделяющая линия

[name=5]
5. Вставка изображенияия, видео и ссылки.

Код:

[img]http://s003.radikal.ru/i202/1002/ba/bc76bf31c083.jpg[/img]

[video=youtube]http://www.youtube.com/watch?v=MP4Rn7C3A9Y[/video]

[url=http://metal-tracker.com]Ссылка на metal-tracker например[/url]

[name=6]
6. Комбинирование BBCode.

Код:

[b][u]Подчеркнутый жирный текст[/u][/b]

Ganelon · 02-20-2010, 07:39 PM

Уточнение 1.

Допустим так:

Код:

[spoiler=Скрытая информация 1]

текст 1

[/spoiler]

[spoiler=Скрытая информация 2]

текст 2

[/spoiler]

получаем:

Не знаю как вас, но меня эти ненужные пропуски строк смущают. Учитывая, что этих пропусков пользователь может наделать и сам, то получается не хорошо вообще, даже один пропуск уже на глаза давит.

Код:

[spoiler=Скрытая информация 1]

текст 1

[/spoiler]

[spoiler=Скрытая информация 2]

текст 2

[/spoiler]

Получаем:

Что бы их убрать приходится писать:

Код:

[spoiler=Скрытая информация 1]текст 1

[/spoiler][spoiler=Скрытая информация 2]текст 2

[/spoiler]

Получаем трудно читаемый текст редактируемого сообщения, но спойлер без пробелов:
[Изображение: 5626fad97954.jpg]

Вообще, почти у всех тегов всегда получаются лишние пропуски строк. Предлагаю их как нибудь убрать. И сделать шаблоном первый код, но что бы при этом получалась последняя картинка.

Ganelon · 02-20-2010, 07:55 PM

Уточнение 2.

Есть графическое представление bbCode в окне оформления раздачи.
[Изображение: bc76bf31c083.jpg]

Эти кнопки работают и их так же можно использовать. Для этого нужно выделить нужный текст и щелкнуть на нужный тег. При наведении на определенную кнопку будет выведена всплывающая подсказка.

Ganelon · 03-01-2010, 01:59 AM

Уточнение 3.

Не желательно использовать в описании раздачи квадратные скобочки. Так как они используются в bbCode. Наглядный пример того, каким боком это может вылезти

Код:

[spoiler=название альбома [demo] (320 kbps)]

01. Трек 1

02. Трек 2

[/spoiler]

Получаем

вместо этого используйте круглые скобки, а квадратные оставьте для форматирования.

Код:

[spoiler=название альбома (demo) (320 kbps)]

01. Трек 1

02. Трек 2

[/spoiler]

03-02-2010, 03:24 AM

Ganelon, такой вопрос по бб-коду.
вот есть у нас спойлер

Скрытое содержание (Развернуть)

когда в "Скрытое содержание" встречается символ закрывающей квадратной скобки, ясное дело все что дальше помешается в "Скрытый текст"
очень часто в названиях встречается либо год, либо битрейт в квадратных скобках
Собственно вопрос: нельзя как нибудь модифицировать функцию спойлера, чтоб такого не случалось?
п.с. экранирование хорошо, но все же

Psychostatus · 03-02-2010, 03:36 AM

mishadoff Писал(а):Ganelon, такой вопрос по бб-коду.
вот есть у нас спойлер

Скрытое содержание (Развернуть)
Скрытый текст
когда в "Скрытое содержание" встречается символ закрывающей квадратной скобки, ясное дело все что дальше помешается в "Скрытый текст"
очень часто в названиях встречается либо год, либо битрейт в квадратных скобках
Собственно вопрос: нельзя как нибудь модифицировать функцию спойлера, чтоб такого не случалось?
п.с. экранирование хорошо, но все же

помоему мануал нагляднен!? просто меняешь квадратные скобки на круглые

Ganelon · 03-02-2010, 06:26 AM

mishadoff, именно это модифицировать нельзя. Хотя можно. Если сделать шаблоном

Код:

[spoiler="скрытое содержание [в кавычках]"]

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

[/spoiler]

то, тогда квадратные скобки в кавычках не будут восприниматься как символы bbCode. Но опять же - тут много чего нужно модифицировать, но это темный лес. Niflheim пока туда лезть не хочет.

03-02-2010, 11:51 PM

Ganelon Писал(а):mishadoff, именно это модифицировать нельзя. Хотя можно. Если сделать шаблоном

скрытое содержание [в кавычках (Развернуть)
"]
Скрытый текст
то, тогда квадратные скобки в кавычках не будут восприниматься как символы bbCode. Но опять же - тут много чего нужно модифицировать, но это темный лес. Niflheim пока туда лезть не хочет.

да ясно, лишний гемор, но когда будет время обязательно надо обратить на это внимание.

03-02-2010, 11:52 PM

Psychostatus Писал(а):помоему мануал нагляднен!? просто меняешь квадратные скобки на круглые

Это не решение.
вопрос в том, что если вот ком в горле как нужны квадратные скобки =)

03-10-2010, 06:44 PM

ronef666 Писал(а):по моему вв-код никаких сложностей не представляет!!! главное это всё запомнить!!!

помоему, какраз наоборот все функции пихать в голову не надо.
везде есть мануалы )