剛剛寫了一些summernote的基礎使用，但是不慎之下沒有保存就清理緩存，把寫的內容都清理掉了，好傷心。大家以后在Markdown編輯器寫文章一定要記得手動保存啊，這個東西不會自動保存到草稿箱，被坑慘了。 反正之前的步驟都是關于summernote的一些介紹，也就算了吧。就從基礎API看起吧。 本文主要是跟官網的一些翻譯，也鍛煉下英語水平。原英文網址http://summernote.org/getting-started/ 基礎API 初始化 summernote ~~~ $('#summernote').summernote(); ~~~ 初始化并配置summernote 高度和焦點設置 如果對summernote設置了focus項，在編輯器初始化之后會自動獲取焦點。 ~~~ $('#summernote').summernote({ height: 300, // set editor height minHeight: null, // set minimum height of editor maxHeight: null, // set maximum height of editor focus: true // set focus to editable area after initializing summernote }); ~~~ 對高度進行設置后，如果內容超過編輯器高度會出現滾動條。否則，編輯器高度會隨內容高度變化而變化。 編輯器的銷毀（destroy） ~~~ $('#summernote').summernote('destroy'); ~~~ 獲取&設置HTML內容（get&set） ~~~ var markupStr = $('#summernote').summernote('code'); ~~~ 如果初始化了多個編輯器，可以通過jquery的eq方法獲取某個編輯器的HTML內容。eg,獲取第二個編輯器的。 ~~~ var markupStr = $('.summernote').eq(1).summernote('code'); ~~~ 給指定的編輯器設置HTML內容 ~~~ var markupStr = 'hello world'; $('#summernote').summernote('code', markupStr); ~~~ 語言庫 （國際化支持），引入需要支持的語言庫。 國際語言庫CDN可見：http://www.bootcdn.cn/summernote/ 引入方式舉例： ~~~ <script src="https://cdn.bootcss.com/summernote/0.8.3/lang/summernote-zh-CN.min.js"></script> ~~~ 通過本地配置運行引入的腳本 ~~~ $(document).ready(function() { $('#summernote').summernote({ lang: 'ko-KR' // default: 'en-US' }); }); ~~~