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