Свои классы в BuEditor

Главные вкладки

Аватар пользователя Urfin Urfin 6 февраля 2013 в 15:17

Установив модуль "красивых подсказок" Beautytips захотелось немного упростить процесс ввода класса и текста подсказки. Поскольку текст может быть очень длинным путаница получалась изрядной. В общем решил сделать простую кнопку в BuEditor версии 6.1.х (думаю и на 5.x будет работать без проблем).
Вот код кнопки:

js:
var B = eDefBrowseButton('', 'attr_span', 'Browse', 'span');
var form = [
 {name: 'class', title: 'Класс:', suffix: B, attributes: {readonly:'1', size: 40, value: 'beautytips'}},
 {type:'textarea', name: 'title', title: 'Текст подсказки:</br>300 символов', attributes: {maxlength:'300', rows:'10', cols:'40', size: 40, value: 'введите текст подсказки'}}
];
eDefTagDialog('span', form, 'Вставить подсказку', 'Вставить');

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

/*beautytips*/
.beautytips{
background: url("images/tipshelp.gif") no-repeat scroll right center transparent;
color: #BB0000;
padding-right: 16px;
}

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

ВложениеРазмер
Иконка простого текстового файла Код кнопки429 байт
Иконка изображения Кнопка для редактора228 байт
Иконка изображения Разместить в каталог image темы74 байта
Иконка простого текстового файла стиль153 байта