summernote富文本的使用
1引入
<link 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 rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
2.加個div
<div id="summernote" ></div>
3初始化(設(shè)placeholder 高度)
$('#summernote').summernote( { placeholder: '請輸入公告內(nèi)容', 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,用來接后臺傳來的文章。
更多用法:官網(wǎng)