1、网站地址
官网地址：
github地址：/summernote/summernote
2、下载发行版本包
下载地址：/summernote/summernote/releases
如下载最新的包：/summernote/summernote/releases/download/v0.8.16/summernote-0.8.16-dist.zip
3、实际应用
3.1、目录结构
3.2、index.html中内容
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Summernote</title><!-- jquery要放前面 ,因为bootstrap需要--><script src="jquery/jquery-3.4.1.min.js"></script><link href="bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"><script src="bootstrap-3.3.7/js/bootstrap.min.js"></script><link href="summernote-0.8.16-dist/summernote.min.css" rel="stylesheet"><script src="summernote-0.8.16-dist/summernote.min.js"></script><!-- include summernote-ko-KR --><script src="summernote-0.8.16-dist/lang/summernote-zh-CN.js"></script></head><body><button id="edit">编辑</button><button id="save">保存</button><button id="reset">重置</button><button id="getContent">带过来参数</button><form method="post"><textarea id="summernote" name="editordata"><p>Hello Summernote</p></textarea></form><script>//初始化$('#summernote').summernote({lang: 'zh-CN', // default: 'en-US' height: 300, // set editor heightminHeight: null, // set minimum height of editormaxHeight: null, // set maximum height of editorfocus: true // set focus to editable area after initializing summernote});//保存数据$("#save").click(function () {console.log("save");var markupStr = $('#summernote').summernote('code');console.log(markupStr);//ajax上传代码,我这里接口是post请求，json数据let params = {"contentDetail": markupStr,"sortNum": 0,"title": "这个是test"}$.ajax({type: 'post',url: "http://xxx", //上传文件的请求路径data: JSON.stringify(params),cache: false,processData: false,contentType: 'application/json; charset=utf-8'}).success(function (data) {console.log(data)if (data) {alert("成功: ")} else {alert("失败")}}).error(function () {alert("上传失败");});});//清空数据$("#reset").click(function () {console.log("reset");$('#summernote').summernote('code', "");});$("#getContent").click(function () {console.log("getContent");//这适合从后台带过来数据var markupStr = 'hello world';$('#summernote').summernote('code', markupStr);});</script></body></html>
4、代码下载地址
/xixiyuguang/web-projects-01/tree/master/01-summernote
