Summernote富文本編輯器是一款使用簡單、功能強(qiáng)大,基于 jQuery 和 Bootstrap 構(gòu)建的一款文本編輯工具!智能的用戶交互式編輯器,支持Safari,Chrome,F(xiàn)irefox,Opera,Internet Explorer 9,是一款非常不錯(cuò)的網(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)驗(yàn)告訴我,summernote絕對(duì)是更佳的富文本編輯器,這里對(duì)其工作team點(diǎn)三十二個(gè)贊!!!!!
Summernote特色
經(jīng)過一天時(shí)間的探索,對(duì)summernote有所掌握,那么為了更廣大前端愛好者提供便利,我將費(fèi)勁一番心血來介紹一下summernote,超級(jí)福利啊。
官方API和源碼
工欲善其事必先利其器,首先把summernote的源碼拿到以及對(duì)應(yīng)官方API告訴大家是首個(gè)任務(wù)!
官網(wǎng)(demo和api)
github源碼下載,注意下載開發(fā)版
開講內(nèi)容
大的方向?yàn)橐韵氯齻€(gè)內(nèi)容:
summernote的頁面布局(資源引入、初始參數(shù))
summernote從本地上傳圖片方法(前端onImageUpload方法、后端springMVC文件保存)
summernote所在form表單的數(shù)據(jù)提交
效果圖如下
以上便是winwin7為大家分享介紹的Summernote!