Помощь и инструкции

Здесь вы найдете всю необходимую информацию по использованию BBCode Preview, ответы на частые вопросы и полезные подсказки.

📚 Быстрый старт

Основы работы с редактором ▼

BBCode Preview позволяет вам создавать и просматривать контент в реальном времени без необходимости публикации на форуме.

  1. Введите BBCode-код в верхней панели редактора
  2. Мгновенно просматривайте результат в нижней панели
  3. Копируйте готовый код для использования на форумах
  4. Все изменения автоматически сохраняются в вашем браузере

💡 Полезные подсказки

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

Редактор поддерживает все основные теги форматирования:

Текстовое форматирование

  • [b]жирный текст[/b]
  • [i]курсив[/i]
  • [u]подчеркивание[/u]
  • [s]зачеркивание[/s]
  • [color=red]цветной текст[/color]
  • [size=15]размер текста[/size]

Структурные элементы

  • [url]ссылка[/url]
  • [img]изображение[/img]
  • [code]код[/code]
  • [quote]цитата[/quote]
  • [table]таблица[/table]
Расширенные BBCode-теги ▼

Дополнительные теги, поддерживаемые редактором:

[float_left]Текст слева[/float_left]

Текст слева

[float_right]Текст справа[/float_right]

Текст справа

[plain][b]Неформатированный текст[/b][/plain]

[b]Неформатированный текст[/b]

Информационные блоки

[important]Важная информация[/important]

⚠️ Важная информация

[note]Примечание[/note]

⭐ Примечание

[tip]Полезный совет[/tip]

💡 Полезный совет
Создание сложных таблиц ▼

BBCode Preview поддерживает множество атрибутов для таблиц, которые позволяют контролировать их внешний вид.


Атрибуты таблицы [TABLE]

Тег [TABLE] может принимать несколько атрибутов через запятую:

  • width - ширина таблицы (в пикселях или процентах)
  • align - выравнивание таблицы (left, center, right)
  • border-width - толщина рамки
  • border-color - цвет рамки
  • bgcolor - цвет фона таблицы

Пример: [TABLE="width: 100%, align: center, border-width: 2px, border-color: #000, bgcolor: #f0f0f0"]...[/TABLE]


Атрибуты ячеек [TD] и [TH]

Теги [TD] и [TH] поддерживают атрибуты:

  • align - выравнивание содержимого (left, center, right)
  • colspan - объединение ячеек по горизонтали
  • rowspan - объединение ячеек по вертикали
  • width - ширина ячейки
  • bgcolor - цвет фона ячейки

Пример: [TD="align: center, colspan: 2, bgcolor: #eee"]...[/TD]


Пример таблицы с использованием атрибутов:

[TABLE="width: 100%, align: center, border-width: 1px, border-color: #00bfff"]
[TR]
    [TH="align: center"]Заголовок 1[/TH]
    [TH="align: center"]Заголовок 2[/TH]
[/TR]
[TR]
    [TD="align: left, bgcolor: #B9A9D7"]Ячейка 1[/TD]
    [TD="align: right"]Ячейка 2[/TD]
[/TR]
[/TABLE]
Заголовок 1 Заголовок 2
Ячейка 1 Ячейка 2

[td="align: center, bgcolor: #926EAE"]Центрированная ячейка[/td]

Центрированная ячейка
Как использовать пользовательские цвета? ▼

Вы можете указывать цвета несколькими способами:

  • По имени: [color=red]текст[/color]
  • HEX-формат: [color=#FF0000]текст[/color]
  • RGB-формат: [color=rgb(255,0,0)]текст[/color]

BBCode Preview поддерживает все распространенные форматы цветов.

❓ Частые вопросы

Автоматическое сохранение ▼

Ваша работа автоматически сохраняется в локальном хранилище браузера.
Это означает:

  • Вы можете закрыть браузер и вернуться к работе позже
  • Черновики не потеряются при случайном закрытии вкладки
  • Не требуется регистрация или вход в систему

Примечание: данные хранятся только в вашем браузере. При очистке кэша или использовании режима инкогнито данные могут быть потеряны.

Почему мой код выглядит иначе на форуме? ▼

Внешний вид BBCode может незначительно отличаться в зависимости от:

  • Версии BBCode-движка форума
  • Пользовательских стилей и тем оформления
  • Поддержки специфических тегов и атрибутов

BBCode Preview показывает стандартное представление кода. Рекомендуем проверять сложное форматирование непосредственно на целевом форуме.

Редактор не работает. Что делать? ▼

Если редактор перестал работать, попробуйте следующие шаги:

  1. Обновите страницу (F5 или Ctrl+R)
  2. Проверьте, включен ли JavaScript в вашем браузере
  3. Попробуйте очистить кэш браузера
  4. Используйте современный браузер (Chrome, Firefox, Edge, Safari)

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

🚀 Готовы начать?

Перейдите в редактор и опробуйте все возможности BBCode Preview на практике.

BBCode Preview Help