30 июня 2011 в 22:16
Привет всем! Хочу найти способ как прикрутить цвет в Буедитор, один способ нашёл, но он вроде кривоват: много всего грузит, картинки ненужные, порезал его слегка... Вот код:
js: getColor = function(txt) {
BUE.active.tagSelection('[color=' + txt + ']', '[/color]', 'end');
BUE.dialog.close();
}
var colors = new Array("#000000", "#993300", "#333300", "#003300", "#003366", "#000080", "#333399", "#333333", "#800000", "#FF6600", "#808000", "#008000", "#008080", "#0000FF", "#666699", "#808080", "#FF0000", "#FF9900", "#99CC00", "#339966", "#33CCCC", "#3366FF", "#800080", "#999999", "#FF00FF", "#FFCC00", "#FFFF00", "#00FF00", "#00FFFF", "#00CCFF", "#993366", "#C0C0C0", "#FF99CC", "#FFCC99", "#FFFF99", "#CCFFCC", "#CCFFFF", "#99CCFF", "#CC99FF", "#FFFFFF");
var colorForm = '<table border="0"><tr>';
for (i = 0; i < colors.length; i++) {
colorForm += '<td bgcolor="' + colors[i] + '">' + '<a href="javascript:getColor(\'' + colors[i] + '\'); ">' + '<img src="/sites/all/modules/bueditor/icons/spacer.gif" width="40" height="40" /></a></td>';
if ((i + 1) % 8 == 0) colorForm += '</tr><tr>';
}
colorForm += '</tr></table>';
BUE.dialog.open('Цвет', colorForm);
BUE.active.tagSelection('[color=' + txt + ']', '[/color]', 'end');
BUE.dialog.close();
}
var colors = new Array("#000000", "#993300", "#333300", "#003300", "#003366", "#000080", "#333399", "#333333", "#800000", "#FF6600", "#808000", "#008000", "#008080", "#0000FF", "#666699", "#808080", "#FF0000", "#FF9900", "#99CC00", "#339966", "#33CCCC", "#3366FF", "#800080", "#999999", "#FF00FF", "#FFCC00", "#FFFF00", "#00FF00", "#00FFFF", "#00CCFF", "#993366", "#C0C0C0", "#FF99CC", "#FFCC99", "#FFFF99", "#CCFFCC", "#CCFFFF", "#99CCFF", "#CC99FF", "#FFFFFF");
var colorForm = '<table border="0"><tr>';
for (i = 0; i < colors.length; i++) {
colorForm += '<td bgcolor="' + colors[i] + '">' + '<a href="javascript:getColor(\'' + colors[i] + '\'); ">' + '<img src="/sites/all/modules/bueditor/icons/spacer.gif" width="40" height="40" /></a></td>';
if ((i + 1) % 8 == 0) colorForm += '</tr><tr>';
}
colorForm += '</tr></table>';
BUE.dialog.open('Цвет', colorForm);
Так вот, что я хочу, Я хочу убрать картинки (откройте и установите себе этот скрипт, увидите, там всё подогнано: заметите сразу про какие картинки говорю), для ленивых вот скрин:
А проблемы две: не знаю как убрать картинки, и если даже их уберу, то не смогу нажимая на "квадратик" получить в текстовом окне код.
Может есть альтернативный способ в буедиторе?
Комментарии
а пробывал залить /sites/all/modules/bueditor/icons/spacer.gif"
Всё равно эти квадратики напрягают, можно хотя бы от их рамки как-то избавиться?
ну а я про что пишу???
Квадратики - появились из-за того, что нет картинки (смотрел на ваш скрин) в итоге ошибка.
Предложил закинуть файл http://www.drupal.ru/files/pixel.gif (можно дагадаться что надо переименовать в spacer.gif) но и тут ошибка???
вот мой, всё работает!!!
BUE.active.tagSelection('[color=' + txt + ']', '[/color]', 'end');
BUE.dialog.close();
}
var colors = new Array("#000000", "#993300", "#333300", "#003300", "#003366", "#000080", "#333399", "#333333", "#800000", "#FF6600", "#808000", "#008000", "#008080", "#0000FF", "#666699", "#808080", "#FF0000", "#FF9900", "#99CC00", "#339966", "#33CCCC", "#3366FF", "#800080", "#999999", "#FF00FF", "#FFCC00", "#FFFF00", "#00FF00", "#00FFFF", "#00CCFF", "#993366", "#C0C0C0", "#FF99CC", "#FFCC99", "#FFFF99", "#CCFFCC", "#CCFFFF", "#99CCFF", "#CC99FF", "#FFFFFF");
var colorForm = '<table border="0" cellspacing="1" cellpadding="0" class="color"><tr>';
for (i = 0; i < colors.length; i++) {
colorForm += '<td bgcolor="' + colors[i] + '">' + '<a href="javascript:getColor(\'' + colors[i] + '\'); ">' + '<img border="0" src="/sites/all/modules/bueditor/icons/spacer.gif" width="10" height="10" title="' + colors[i] + '" alt="' + colors[i] + '" /></a></td>';
if ((i + 1) % 8 == 0) colorForm += '</tr><tr>';
}
colorForm += '</tr></table>';
BUE.dialog.open('Цвет', colorForm);
Ну ты что, я же не такой дурак, всё сделано - картинку подключил. Итог:
Рамки на самой палитре красок выводят, + выбрать цвет методом нажатия только в этих рамках, а не ха их границей! даже если увеличить размер изображения, то всё одно эти рамки не покрывают весь квадрат с цветом, что очень странно. Может это из-за хрома....
Убрал из вашего кода
src="/sites/all/modules/bueditor/icons/spacer.gif"
Теперь названия цветов html разметкой выводятся.
Мне нравится. Хотя кажется что это как то не правильно задавать тег img и не задавать картинку.
Это не страшно?