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方法设置编辑器内容
//引入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方法设置编辑器内容
相关文章推荐
- summernote富文本编辑框的使用
- Last Day Of Summer
- 使用ActiveReport for .net 进行报表开发(一)(转自Cure The Last Day Of Summer)
- Cheese Cheese! ――BeijingOpenParty 2009.07“Sea viewing at Summer gloaming(夏暮观海)”后记
- ZZULI-Summer Training Contest(Six) 解题报告
- HDU/HDOJ 2255 奔小康赚大钱 HDOJ 2008 Summer Exercise(4)- Buffet Dinner
- summer competition D 一些数学值的求法
- ZZULI_SUMMER_PRACTICE(8) ZOJ 23…
- OUC_Summer Training_ DIV2_#4之数据结构
- Tri_integral Summer Training 5 总结
- Tri_integral Summer Training 8 总结
- zz Google Summer of Code 2011几个感兴趣的项目
- BUPT Summer Journey #test2 A
- BUPT Summer Journey #test5 B
- xtu summer individual 1 C - Design the city
- xtu summer individual 3 F - Opening Portals
- summer 2014 校队训练 嗷嗷待补之题
- UVA - 10057 A mid-summer night's dream.
- 4103: [Thu Summer Camp 2015]异或运算
- 2015 HUAS Summer Contest#2~B