Summernote富文本編輯器是一款使用簡單、功能強大，基于 jQuery 和 Bootstrap 構建的一款文本編輯工具！智能的用戶交互式編輯器，支持Safari，Chrome，F(xiàn)irefox，Opera，Internet Explorer 9，是一款非常不錯的網(wǎng)頁文本編輯工具！

Summernote功能

Bootstrap summernote，用其官網(wǎng)上的介紹就是“Super Simple WYSIWYG editor”，不過在我看來，與bootstrap中文官網(wǎng)上提供的“bootstrap-wysiwyg”要更simple，更漂亮，更好用!

雖然我之前嘗試過使用bootstrap-wysiwyg，可參照Bootstrap wysiwyg富文本數(shù)據(jù)如何保存到mysql，但事后諸葛亮的經(jīng)驗告訴我，summernote絕對是更佳的富文本編輯器，這里對其工作team點三十二個贊!!!!!

Summernote特色

經(jīng)過一天時間的探索，對summernote有所掌握，那么為了更廣大前端愛好者提供便利，我將費勁一番心血來介紹一下summernote，超級福利啊。

官方API和源碼

工欲善其事必先利其器，首先把summernote的源碼拿到以及對應官方API告訴大家是首個任務!

官網(wǎng)(demo和api)

github源碼下載，注意下載開發(fā)版

開講內(nèi)容

大的方向為以下三個內(nèi)容：

summernote的頁面布局(資源引入、初始參數(shù))

summernote從本地上傳圖片方法(前端onImageUpload方法、后端springMVC文件保存)

summernote所在form表單的數(shù)據(jù)提交

效果圖如下

以上便是winwin7為大家分享介紹的Summernote！