summernote富文本的使用

1引入

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>

2.加个div

<div id="summernote" ></div>

3初始化（设placeholder 高度）

$('#summernote').summernote( { placeholder: '请输入公告内容', height: 300 });

4.summernote的拿值

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

5.summernote富文本的回填

var markupStr=$("#content").html(); $('#summernote').summernote( { height: 300 }); //alert(markupStr); $("#summernote").summernote('code', markupStr);
$("#content")为是一个隐藏的div，用来接后台传来的文章。
更多用法：官网