summernote 编辑html,富文本编辑器summernote使用

先看看summernote是个什么东西！

它有什么好处？

1、界面优雅；基于bootstrap的样式，个人感觉比ckeditor要好看；

2、插入图片方便；可以通过Ctrl+V的方式插入粘贴板中的图片；

3、使用方式简便；jquery插件，通俗易懂的使用方法；

具体怎么使用？

0、需要HTML5支持

...

1、引入依赖库；

2、定义div

Hello Summernote

3、初始化

$(document).ready(function() {

$('.summernote').summernote();//jquery选择器，一般用id或者class });

也可以加参数,其他参数可以参考

$('.summernote').summernote({height:400,minHeight:200,maxHeight:10000});

4、设置值

$('.summernote').code('content');

5、取值

var html = $('.summernote').code();

6、一般保存表单前做法(仅供参考)

$('.summernote').each(function(){

var value = $(this).code();

var name = $(this).attr("fieldName");

$("textarea[name='"+name+"']",this).remove();

$(this).append(""+value+"");

});