使用summernote

summernote是一个开源的项目，一个很好用的html在线编辑器。大家可以去github上下载编译好的源代码。

下面我将一下简单的嵌入到我们的html文件里。

（1）下载sumernote.js文件

（2）

<script src=".....summernote/summernote.js"></script>

上面要替换成合适的路径，确保引用到我们的summernote.js文件。

（3）引用到之后，我们要初始化summernote编辑器，这里要用到一段简单的js代码

//初始化编辑器控件
$('#text_id').summernote({
  height: 200,   //set editable area's height
  codemirror: { // codemirror options
    theme: 'monokai'
  },
  lang:"zh-CN",
});

这里初始化了summernote控件，text_id号为引用id。

（4）

<textarea name="content" id="text_id"></textarea>

这样就能使用我们的summernote编辑器啦。

还有一些 关于汉化，主题的定制操作，可以去github上，或者summernote官网上看文档。