summernote富文本编辑框

//引入样式

//引入js库

//html

//js
$(‘#summernote’).summernote({
height: 435, //设置高度
lang: ‘zh-CN’, //设置中文
codemirror: { //设置主题风格
theme: ‘monokai’
}
});

//添加一个保存按钮
$(“.note-toolbar”).append(“

“);
//监听保存按钮点击事件
$(‘.btn-save’).click(function(){ //获取编辑器html内容 var context =$(‘#summernote’).code();
//获取编辑器纯文本内容
var property1 = $(“

“+context+”

“).text();
……
});

//css统一toolbar上的按钮高度
.btn-sm{
height:30px;
}

$(‘#summernote’).code(content); //调用code方法设置编辑器内容