编辑器:下拉插件
Redactor: dropdown plugin
我尝试在editor -js中实现一个colorpicker-fontcolor插件。
http://jsfiddle.net/ped7txq6/$(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()
{
}
});
});
我有两个问题:
- 当我点击颜色选择器上的下拉菜单时,下拉菜单关闭, 有时当我选择颜色时,编辑器中的文本会得到默认颜色,而不是颜色选择器中的实际颜色。
谁能帮上忙?
非常感谢!
检查字体颜色插件
相关文章:
- 用于 Eclipse 的 JavaScript 编辑器插件
- Tinymce编辑器图像上传插件添加完整的图像URL
- CKEDITOR 拖放插件集成在编辑器实例销毁并重新创建后停止工作
- 在 PHP 页面上加载富文本编辑器 (TinyMCE) 的 jquery 插件时显示加载动画
- 另一个就地编辑器 - 一个jQuery就地编辑插件
- 适用于BlackBerry OS 7的Phonegap电子邮件编辑器插件
- 谷歌闭包编辑器插件
- 文本编辑器插件,允许数据与另一个插件交互
- JavaScript将表插入到没有插件的文本编辑器中(不要建议使用插件)
- 通过Ajax插件加载Wordpress编辑器
- 我如何用一个插件添加多个按钮到我的WordPress帖子编辑器
- 写一个Atom编辑器插件,动画语法着色
- 我如何使用多个插件's在编辑器
- 如何在响应文件管理器插件与TinyMCE编辑器中的子文件夹中获取文件
- GRAYT插件在编辑器中破坏HTML
- 编辑器:下拉插件
- 如何设置编辑器的高度低于50px时,使用自动调整大小插件
- CK编辑器,占位符插件&动态的项目
- 无法让Eclipse AngularJS插件中的Angular编辑器正常工作
- Aloha编辑器IE8插件块错误