работа редактора с цитатами в pr-тексте

WysiBB — WYSIWYG редактор BBcode / Песочница / Хабрахабр

WysiBB — WYSIWYG редактор BBcode

С ростом популярности различных WYSIWYG редакторов, которые довольно неплохо справляются с задачей формирования HTML кода, я обнаружил, что редакторов, которые формируют корректный BBcode, при наличии красивого визуального ввода крайне мало. По правде говоря, на момент начала работы над WysiBB я их не обнаружил их вовсе. Поэтому я начал работу над WYSIWYG редактором ББкодов , так как на проекте использовался именно этот формат входящих данных(BBcode).

Надо признать, что на идею написания редактора, меня натолкнула статья на хабре ( ). Именно после ее прочтения, я утвердился в идее создания простого в использовании(с поддержкой визуализации, как в WYSIWYG редакторах), настраиваемого и легковесного BBcode редактора .

В результате на данный момент готова первая альфа/бета/гамма(кому как хочется) версия редактора. Посмотреть редактор в работе можно на . Для работы редактора, требуется javascript фреймворк jQuery версией не ниже 1.4. Решение сделать редактор на базе jQuery было обосновано облегчением в разработке самого редактора и значительным сокращением исходного кода.

Итак для работы редактора, требуется последнюю версию WysiBB с оф. сайта. Так же в случае, если вы не используете на своем проекте jQuery, то необходимо и его. После загрузки на страницу необходимых JS скриптов, необходимо выполнить функцию вида $(textarea).wysibb().

Пример простой конфигурации.

script src= https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js /script

script src= http://www.wysibb.com/static/latest/jquery.wysibb.min.js /script

Этой конфигурации достаточно, чтобы редактор работал со стандартным набором ббкодов.

source