先看看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(){
varvalue=$(this).code();
varname=$(this).attr("fieldName");
$("textarea[name='"+name+"']",this).remove();
$(this).append(""+value+"");
});