基于jQuery和bootstrap的富文本编辑插件—summernote

1、使用HTML5 doctype

2、引入jQuery、bootstrap、font-awesome文件

<!-- include libraries(jQuery, bootstrap) -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 

<!-- include summernote css/js-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>

3、添加div到body，设置ID=”summernote”; 此目标元素将稍后呈现为summernote编辑工具。

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

4、文档准备就绪后运行以下脚本！

// 初始化插件
$(function () {
   
    $("#s