您的位置:首页 > 其它

summernote富文本编辑框

2017-03-17 17:07 169 查看
//引入样式

//引入js库

//html

//js

$(‘#summernote’).summernote({

height: 435, //设置高度

lang: ‘zh-CN’, //设置中文

codemirror: { //设置主题风格

theme: ‘monokai’

}

});

//添加一个保存按钮

$(“.note-toolbar”).append(“
[/i]“);

//监听保存按钮点击事件

(‘.btn-save’).click(function(){
//获取编辑器html内容
var context =(‘#summernote’).code();

//获取编辑器纯文本内容

var property1 = $(““+context+”“).text();

……

});

//css统一toolbar上的按钮高度

.btn-sm{

height:30px;

}

$(‘#summernote’).code(content); //调用code方法设置编辑器内容
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息