QQ客服热线
首页 > 信息资讯 > 技术专栏

技术专栏

bootstrap-wysiwyg编辑器
2014年7月7日
摘要: bootstrap-wysiwyg 是一个只有 5k 大小的 jQuery 和 Bootstrap 插件,可以将任何 DIV 转成 WYSIWYG 的富文本编辑器,灵感来自于 CLEditor 和 bootstrap-wysihtml5。

bootstrap-wysiwyg 是一个只有 5k 大小的 jQuery 和 Bootstrap 插件,可以将任何 DIV 转成 WYSIWYG 的富文本编辑器,灵感来自于 CLEditor 和 bootstrap-wysihtml5。

主要特性
超小5kb
自动的热键支持(MAC和windows)
拖放的插入图片,支持图片上传(支持手机拍照)
支持声音输入(chrome支持)
允许自定义的工具条,可以使用所有的bootstrap内容,字体
不使用任何强制的样式
使用标准的浏览器特性,没有非标准的使用代码,工具条和按键可以执行任何支持浏览器的命令
不创建任何的iframe,textarea,使用简单的行内div
可选的清楚空白和空div和span
支持现代浏览器(Chrome 26, Firefox 19, Safari 6, IE10)
支持移动设备( IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)
如何使用$('#editor').wysiwyg();
保证样式如下:
#editor {overflow:scroll; max-height:300px}

这个组件貌似不支持直接这样生成富编辑器,只能用div:

如果你非要使用textarea去递交一个表单:

$('#gbform').submit(function() {
  $('#somehiddenField').val($("#editor").cleanHtml())
});

 

 

来自TCNET 转载请保留www.nbtcnet.com

返回列表