基于jquery的bootstrap在线文本编辑器插件Summernote (转)
2017-09-13 20:36
579 查看
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器。Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox、Opera、Internet
Explorer 9 +(IE8支持即将到来)。
特点:
世界上最好的WYSIWYG在线编辑器
极易安装
开源
自定义初化选项
支持快捷键
适用于各种后端程序言语
使用方法
使用HTML5文档
引入核心文件,Summernote需要几个JS库的支持,所以得先引入其它库
写入html,只需加入一个DIV元素,写上ID
写入JS初始化插件
API
初始化Summernote
使用参数初始化
设定高度与焦点
设定高度后,如果内容高度超过设定高度将出现滚动条,如果没有设定高度则一直往下挣开。设定focus为true时,打开页面后焦点定位到编辑器中。
自定义工具栏
预设参数
类型
极简模式Air-mode
释放Summernote
取值与赋值
事件
oninit
onenter
onfocus
onblur
onkeyup
onkeydown
onpaste
onImageUpload
可以重写图片上传句柄
onChange
IE9-10: DOMCharacterDataModified, DOMSubtreeModified, DOMNodeInserted
Chrome, FF: input
支持18国语言,使用时引入你需要的语言文件,lang值设为你需要的语言
Explorer 9 +(IE8支持即将到来)。
特点:
世界上最好的WYSIWYG在线编辑器
极易安装
开源
自定义初化选项
支持快捷键
适用于各种后端程序言语
使用方法
使用HTML5文档
初始化Summernote
设定高度与焦点
自定义工具栏
类型
方法 | |
---|---|
picture | Insert a picture |
link | Insert a hyperlink |
video | Insert a video |
table | Insert a table |
hr | Insert a horizontal rule |
style | Format selected block |
fontname | Set font family |
fontsize | Set font size |
color | Set foreground and background color |
bold | Toggle weight |
italic | Toggle italic |
underline | Toggle underline |
strikethrough | Toggle strikethrough |
clear | Clearing all styles |
ul | Make an un-ordered list |
ol | Make an ordered list |
paragraph | Set text alignment |
height | Set height of text |
fullscreen | Toggle fullscreen editing mode |
codeview | Toggle wysiwyg and html editing mode |
undo | Undo |
redo | Redo |
help | Show help dialog |
oninit
可以重写图片上传句柄
IE9-10: DOMCharacterDataModified, DOMSubtreeModified, DOMNodeInserted
Chrome, FF: input
相关文章推荐
- 基于jquery的bootstrap在线文本编辑器插件Summernote (转)
- 基于jquery的bootstrap在线文本编辑器插件Summernote
- 基于jquery的bootstrap在线文本编辑器插件Summernote
- Bootstrap-基于jquery的bootstrap在线文本编辑器插件Summernote
- Jquery的bootstrap在线文本编辑器插件Summernote
- 基于jQuery和bootstrap的富文本编辑插件—summernote
- 转载:基于jquery的bootstrap在线文本编辑器插件Summernote
- Summernote – 基于 Bootstrap 的文本编辑器
- 基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作
- Summernote – 基于 Bootstrap 的文本编辑器
- Summernote – 基于 Bootstrap 的文本编辑器
- 基于BootStrap的文本编辑器组件Summernote
- 分享几款基于bootstrap和jquery的分页插件
- 基于bootstrap的jQuery多级列表树插件 treeview
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程
- 推荐一款基于 Bootstrap 的 jQuery 表格插件Bootstrap table
- 基于jquery的轻量级bootstrap校验插件
- bootstrap插件summernote 编辑器 的使用
- 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程