jquery html文本编辑器,jquery轻量级文本编辑器Trumbowyg

插件描述：Trumbowyg一个轻量级文本编辑器，简洁漂亮的设计,生成语义代码,有一个强大的API。 编辑生成的代码进行了优化,HTML5的支持。 兼容浏览器IE7 +,Chrome,Opera和Firefox。 只有15 kb这意味着更快的页面加载。

使用方法

首先,添加jQuery到页面

位置:

Trumbowyg需要jQuery > = 1.7,因为它使用.on()一个新的函数出现在1.7版本。

在这之后,你必须加载Trumbowyg。

别忘了Trumbowyg CSS到

,或负载编辑您自己的风格。

??

基础知识

这最少的代码将一个简单的div Trumbowyg到神奇的WYSIWYG编辑器。$('#trumbowyg-demo').trumbowyg();

如果你想设置Trumbowyg选项,添加一个包含你的选择对象作为参数。$('#trumbowyg-demo').trumbowyg({

fullscreenable: false,

closable: true,

btns: ['bold', 'italic', '|', 'insertImage']

});

==================以下内容由  create_time 提供===================

Trumbowyg 1.17,颜色插件用法，

$('#my-editor').trumbowyg({

//设置中文

lang: 'zh_cn',

// closable: true,

fixedBtnPane: true,

//设置颜色插件

btnsAdd: ['foreColor','backColor'],

btnsDef: {

// 设置上传的3种方法，远程上传，本地上传，图片64位加密

image: {

dropdown: ['insertImage', 'upload','base64'],

ico: 'insertImage'

}

},

// Redefine the button pane

btns: ['viewHTML',

'|', 'formatting',

'|', 'btnGrp-semantic',

'|', 'link',

'|', 'image',

'|', 'btnGrp-justify',

'|', 'btnGrp-lists',

'|', 'horizontalRule']

});

颜色插件在 dist目录下的plugins目录下！