使用summernote生成一个简单的富文本编辑器

使用summernote非常简单，需要首先引入其相关的类库，如下：

• Bootstrap（本例使用bootstrap3）
• Fontawesome （依赖的免费图标字体）
• jQuery

相关文件如下（来自极客CDN）：

<script src="http://cdn.gbtags.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.gbtags.com/twitter-bootstrap/3.2.0/js/bootstrap.js"></script>
<script src="http://cdn.gbtags.com/summernote/0.5.2/summernote.min.js"></script>

相关CSS如下：

@import url('http://cdn.gbtags.com/twitter-bootstrap/3.2.0/css/bootstrap.css');
@import url('http://cdn.gbtags.com/font-awesome/4.1.0/css/font-awesome.min.css');
@import url('http://cdn.gbtags.com/summernote/0.5.2/summernote.css');

在页面中添加一个DIV，用来生成编辑器，如下：

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