Summernote富文本编辑器

Summernote富文本编辑器是一款使用简单、功能强大，基于 jQuery 和 Bootstrap 构建的一款文本编辑工具！智能的用户交互式编辑器，支持Safari，Chrome，Firefox，Opera，Internet Explorer 9，是一款非常不错的网页文本编辑工具！

Summernote功能

Bootstrap summernote，用其官网上的介绍就是“Super Simple WYSIWYG editor”，不过在我看来，与bootstrap中文官网上提供的“bootstrap-wysiwyg”要更simple，更漂亮，更好用!

虽然我之前尝试过使用bootstrap-wysiwyg，可参照Bootstrap wysiwyg富文本数据如何保存到mysql，但事后诸葛亮的经验告诉我，summernote绝对是更佳的富文本编辑器，这里对其工作team点三十二个赞!!!!!

Summernote特色

经过一天时间的探索，对summernote有所掌握，那么为了更广大前端爱好者提供便利，我将费劲一番心血来介绍一下summernote，超级福利啊。

官方API和源码

工欲善其事必先利其器，首先把summernote的源码拿到以及对应官方API告诉大家是首个任务!

官网(demo和api)

github源码下载，注意下载开发版

开讲内容

大的方向为以下三个内容：

summernote的页面布局(资源引入、初始参数)

summernote从本地上传图片方法(前端onImageUpload方法、后端springMVC文件保存)

summernote所在form表单的数据提交

效果图如下

以上便是winwin7为大家分享介绍的Summernote！