0
Я пытаюсь реализовать плагин colorpicker-fontcolor для redactor-js.Redactor: dropdown plugin
$(function(){
//plugin
$.Redactor.prototype.fontcolor = function()
{
return {
init: function()
{
var name = 'fontcolor';
var rdctr = this;
var button = this.button.addAfter('fontsize', name, this.lang.get(name));
var $dropdown = this.button.addDropdown(button);
$dropdown.css('min-width', '199px');
this.fontcolor.buildPicker($dropdown, name);
button.on('click', function(){
rdctr.selection.save();
});
},
buildPicker: function($dropdown, name)
{
var rdctr = this;
var $picker = $('<p>').ColorPicker({
flat: true,
onSubmit: function(hsb, hex, rgb, el){
// $(el).val('#' + hex);
// $(el).ColorPickerHide();
},
onChange: function(hsb, hex, rgb, el){
// $(el).val(hex);
rdctr.fontcolor.set('color', '#' + hex);
}
}).bind('keyup', function(){
//$(rdctr).ColorPickerSetColor(rdctr.value);
// rdctr.fontcolor.set('color', '#' + hex);
});
$dropdown.append($picker);
},
set: function(rule, type)
{
console.log('_', type);
//selected color
this.selection.restore();
this.inline.format('span', 'style', rule + ':' + type + ';');
},
remove: function(rule)
{
//removed color
// this.inline.removeStyleRule(rule);
}
};
};
//editor
$('#redactor').redactor({
plugins: ['fontcolor'],
focus: true,
changeCallback: function()
{
},
blurCallback: function()
{
}
});
});
У меня есть две проблемы:
- Когда я нажал в выпадающем списке на ColorPicker, раскрывающийся близко,
- Иногда, когда я выбрал цвет, текст в редакторе получить цвет по умолчанию, а не фактический цвет от colorpicker.
Любой может помочь в этом?
Большое спасибо!