BUEditor: Использование BUEditor в не-друпаловских проектах

Изображение пользователя andyceo.

Хотя BUEditor является Drupal-проектом, он также доступен для использования на не-drupal-сайтах или в Drupal без включения его как модуля.

Для запуска BUEditor на странице, вы должны:

  1. Подключить файл bueditor.css как набор стилей
  2. Подключить bueditor.js и (необязательно) js-файлы в папке библиотек для использования функций, определённых в них.
  3. Определить editor.path (путь до папки редактора, относительно страницы)
  4. Определить editor.buttons (массив, содержащий кнопки редактора.)
  5. Присвоить имя класса "editor-textarea" каждому текстовому полю, которое должно быть обработано. Вы также можете использовать метод editor.processTextarea(T) в любой момент, где Т - объект "текстовое поле".

editor.buttons является массивом массивов, имеющих следующую структуру:

editor.buttons = [ [button-1], [button-2], ..., [button-N] ];

и каждая кнопка представляет собой массив, состоящий из названия, содержания, иконки (или подписи), "быстрой клавиши" в следующем порядке:

editor.buttons = [ [title-1, content-1, icon-1, key-1], ..., [title-N, content-N, icon-N, key-N] ];

Пример заголовка страницы для запуска BUEditor:

<style type="text/css" media="all">@import "bueditor/bueditor.css";</style>
<script type="text/javascript" src="bueditor/bueditor.js"></script>
<script type="text/javascript" src="bueditor/library/default_buttons_functions.js"></script>
<script type="text/javascript">
editor.path = 'bueditor/';//required for displaying the icons in icons folder.
editor.buttons = [
  ['Bold', '<strong>%TEXT%</strong>', 'bold.png', 'B'], //Bold
  ['Italic', '<em>%TEXT%</em>', 'italic.png', 'I'], //Italic
  ['Preview', 'js: eDefPreview();', 'Preview', 'P'] //Preview
];
</script>

Добавьте страницу в закладки. Перейти к верху страницы
Синдикация материалов