Визуальный редактор и html-парсер
Визуальный редактор, который входит в модуль, позволяет осуществлять основное форматирование текста. При чём, каждая кнопка оформления работает как с выделенным текстом внутри редактора, так и с любым текстом, выделенным за границами редактора. То есть, если выделить сообщение оппонента и нажать на кнопку [B], цитата будет помещена в редактор и выделена полужирным шрифтом.
Визуальный редактор может быть активирован отдельно для модераторов и для пользователей сайта. Для этого предусмотрены соответствующие опции в настройках модуля. По-умолчанию, опции деактивированы.
Предварительный просмотр
Отдельно, для повышения удобства использования системы комментариев, в форму размещения сообщения добавлен механизм предварительного просмотра. Активируется в секции «Внешний вид» настроек модуля (по умолчанию — выключен). Если опция включена, под окном ввода сообщения публикуется псевдо-ссылка, нажав на которую пользователь может просмотреть своё сообщение до фактической публикации.
Парсер BB-кодов
Визуальный редактор работает на основе визуального парсера, разработанного под модуль. Визуальный парсер — включённый в модуль мощный многослойный механизм, который любую смесь html-кодов, BB-кодов, не обрамлённых тегом линков приводит в корректный html-вид. Детектор тегов и кодов — регистронезависимый, то есть bb-код: [b]...[/b] распознаётся наравне с [B]...[/B]
Кроме приведения текста в html-код, визуальный парсер проверяет корректность тег-структуры на парность тегов и их правильное закрытие, что исключает возможность публикации сообщения с неверной структурой.
Список поддерживаемых BB-тегов:
[b], [i], [s], [u]
Выделение полужирным, курсивом, перечёрком, подчёрком.
[color=цвет]текст[/color]
Выделение цветом.
[size=размер шрифта]текст[/size]
К тексту в теге будет применён новый размер. Парсер обрабатывает как ситуации, когда размер шрифта указан в формате: -2, -1, +1, +2, так и просто число, которое в результате будет помещено в стиль font-size тега, а число будет означать размер шрифта в пикселях.
[font=шрифт]текст[/font]
К тексту в теге будет применён отдельный шрифт.
[list] [list=1] [list=A] [list=a]
распознавание списков: обычный, нумерованный, с перечислением из заглавных букв английского алфавита, с перечислением из строчных букв английского алфавита. Пример списка:
[LIST=1]
[*] Первая нумерованная строка
[*] Вторая нумерованная строка
[*] Третья нумерованная строка
[/LIST]
[url=адрес страницы]анкор ссылки[/url] или [url]адрес страницы[/url]
Обрабатываются оба указанных случая. Оформление текста в виде гиперссылки.
[email=электронный адрес] или [email]электронный адрес[/email]
Обрабатываются оба указанных случая. Оформление текста в виде ссылки для отправки почтового сообщения.
[img=адрес изображения] или [img]адрес изображения[/img]
Обрабатываются оба указанных случая. Вставка в сообщение изображения.
[div], [p], [strong], [em]
Замена на одноимённые html-теги.
[code], [php], [quote]
Замена соответственно на html-теги: pre, code, blockquote.