6 февраля 2013 в 15:17
Установив модуль "красивых подсказок" Beautytips захотелось немного упростить процесс ввода класса и текста подсказки. Поскольку текст может быть очень длинным путаница получалась изрядной. В общем решил сделать простую кнопку в BuEditor версии 6.1.х (думаю и на 5.x будет работать без проблем).
Вот код кнопки:
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{
background: url("images/tipshelp.gif") no-repeat scroll right center transparent;
color: #BB0000;
padding-right: 16px;
}
Вот и все. Понимаю, что все очень просто, но готового решения я не нашел. Идея в том, что можно сделать универсальную кнопку, скажем с открывающимся списком, и вставлять в текст свои классы.
| Вложение | Размер |
|---|---|
 Код кнопки | 429 байт |
 Кнопка для редактора | 228 байт |
| Разместить в каталог image темы | 74 байта |
| стиль | 153 байта |
