转载：基于jquery的bootstrap在线文本编辑器插件Summernote

基于jquery的bootstrap在线文本编辑器插件Summernote

转载：jQ酷 » 基于jquery的bootstrap在线文本编辑器插件Summernote




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时，打开页面后焦点定位到编辑器中。

自定义工具栏

预设参数

类型	按钮id	方法
Insert	picture	Insert a picture
link	Insert a hyperlink
video	Insert a video
table	Insert a table
hr	Insert a horizontal rule
Style	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
Layout	ul	Make an un-ordered list
ol	Make an ordered list
paragraph	Set text alignment
height	Set height of text
Misc	fullscreen	Toggle fullscreen editing mode
codeview	Toggle wysiwyg and html editing mode
undo	Undo
redo	Redo
help	Show help dialog

极简模式Air-mode

释放Summernote

取值与赋值

事件

oninit

onenter

onfocus

onblur

onkeyup

onkeydown

onpaste

onImageUpload

可以重写图片上传句柄

onChange

IE9-10: DOMCharacterDataModified, DOMSubtreeModified, DOMNodeInserted

Chrome, FF: input

支持18国语言，使用时引入你需要的语言文件，lang值设为你需要的语言

更多参数请查看实例与官方文档

转载请注明：jQ酷 » 基于jquery的bootstrap在线文本编辑器插件Summernote


下载地址：本站下载 | 百度云 | 官方下载