一个简洁大方的summernote富文本的使用

官网：https://summernote.org/

 

1.下载对应的API和源码

2.导入依赖的相应文件，summernote解压后的dist文件夹中

 

3个部分放入系统的静态文件夹中 

1. font文件

2.lang文件夹中的国际化内容，一般我们引入一个中文的就行（zh-CN）

3.最外边的summernote.css和summernote.js

 

3.在html页面引入js，css，国际化js。在页面实例化一个富文本。

用div和textarea都可以

 

在script初始化：

 

到这使用一个summernote富文本就完成了，我们可以看到效果，

 

富文本的取值赋值方式：

$('#summernote').summernote('code', "你赋值的内容..." ); //赋值

$('#summernote').summernote('code' );//取值

其它具体的工具栏设置上传图片等操作可以看官方文档