summernote(富文本编辑器)中文版 富文本编辑器

summernote(富文本编辑器)中文版是一个简单、灵活、所见即所得编辑器。这款编辑器基于 jQuery 和 Bootstrap 构建。有兴趣的用户赶快来9553下载试用吧。

summernote(富文本编辑器)中文版软件说明

Summernote 是一个简单，灵活，所见即所得(WYSIWYG)的编辑器，基于 jQuery 和 Bootstrap 构建。Summernote 所有主要的操作都支持快捷键，有一个功能强大的 API，它提供了大量的自定义选项的设计(宽，高，有效的项目等等)和功能。对于主要的脚本语言或框架(PHP，Ruby，Django，NodeJS)，该项目有提供了集成示例。

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表单的数据提交