使用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官網上看文檔。