summernote富文本编辑器

Easter79

2021-10-12 09:50 • 阅读 816

官网：https://summernote.org/

它的特点：

开源
使用Bootstrap 3.xx到4.xx
轻量级（js + css：100Kb）
智能用户交互
适用于所有主要浏览器：
- Safari，Chrome，Firefox，Opera，Edge和Internet Explorer 9+
适用于所有主要操作系统：
- Windows，MacOS，Linux

使用方法：

1.添加引用

tips:

此框架是基于bootstrap的，所以要添加bootstrap引用; 引用了中文语言包。

2.前端代码：

![](http://www.huzhihao.cn/wp-content/uploads/2018/09/360截图180809258213884.png) ![](http://www.huzhihao.cn/wp-content/uploads/2018/09/360截图16780626538065.png)![](http://www.huzhihao.cn/wp-content/uploads/2018/09/360截图18270619597462.png) ![](http://www.huzhihao.cn/wp-content/uploads/2018/09/360截图17140303181340.png) ![](http://www.huzhihao.cn/wp-content/uploads/2018/09/360截图18720118498352.png)