Spring Boot （程序篇）：集成富文本编辑器KindEditor自动生成HTML静态页面并保存

最新源码

• Github:  https://github.com/kindsoft/kindeditor
• Oschina:  http://git.oschina.net/luolonghao/kindeditor

创建程序

首先创建一个简单的SpringBoot 集成JSP的，我前面应该有说过，感觉忘记的可以点一下链接：

https://blog.csdn.net/Soinice/article/details/82590134

代码结构

开发技术

后端：SPringBoot

前端：JSP+KindEditor

所以，咱们只保留下载下来源码中关于JSP 的部分，如图

在pom.xml加入相关依赖

在新建的SpringBoot项目下，新建webapp，WEB-INF文件夹，把整个jsp复制过来；

只保留第一个demo.jsp，剩余两个jsp，咱们采用java来编写。

打开lib包，发现需要以下三个jar，所以在pom中加入：

在resource引入KindEditor

将下载下来的完整包 KindEditor保留需要的之后整体复制到resource下，且保留一个 kindeditor.js，名字随意。

编写jsp页面

整个demo.jsp，jsp部分不用修改，直接粘贴，html部分，依个人需要进行修改。我这将create js提取出来单独封装成operationDocument.js

operationDocument.jsp

在需要显示编辑器的位置添加textarea输入框。

官方Note

• 在textarea里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容，则必须转换HTML特殊字符(>,<,&,”)。具体请参考各语言目录下面的demo.xxx程序，目前支持ASP、ASP.NET、PHP、JSP。
• 在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用  编辑器初始化参数 设置。

结果页content.jsp

operationDocument.js

配置上传参数，uploadJson和fileManagerJson，java版本的官方提供了两个jsp，这边我将改成UpdateController，源码可看文章底部。

编写Controller

这边新写了一个路由，作为jsp页面的跳转。

新增文案，需要提供三个参数，

content：代码，html内容

dirPath：保存路径

fileName：生成文件名称（随机生成）

这边同时，我将makeHtml封装成一个Util类：

配置application.properties

页面访问（项目启动）

页面查看

浏览器输入： http://localhost:8080/documentManage/operationDocument

输入文件保存的路径，开启编码模式，点击提交内容，会调用上传方法，并且自动生成HTML保存到指定的路径。

本地文件查看

打开生成的文件

ok，大功告成。

文件上传

图片上传

点击提交之后会默认保存在指定位置，同样文件名称也是随机生成。

文件上传

同样和图片保存的方法类似，生成地址名称为随机，如图：

总结

其实我是为了给懒人用的，不懂技术的，或者懒得用ide的，可以看成一个超级轻量级的 静态代码编辑器，啊哈哈~

源码下载

恩，去下载吧，

工具类下载： https://download.csdn.net/download/soinice/10724602

上传文件以及图片下载： https://download.csdn.net/download/soinice/10724591