富文本编辑器-Ueditor传值

最新推荐文章于 2024-08-29 15:14:33 发布

Jim.ye

最新推荐文章于 2024-08-29 15:14:33 发布

阅读量2.2k

点赞数

分类专栏： JavaWeb 文章标签：富文本编辑器 JavaWeb Ueditor Ajax

本文链接：https://blog.csdn.net/black_yejing/article/details/80599905

版权

本文介绍了如何在JavaWeb环境下使用Ueditor富文本编辑器，将用户编辑的内容通过Ajax提交到后台Servlet，最终存储到数据库中。详细讲述了配置步骤、Servlet处理逻辑以及运行效果，指出内容中包含的HTML标签是由于Ueditor的自动转换功能导致。

摘要由CSDN通过智能技术生成

前两天研究了一下富文本编辑器Ueditor的使用和配置，并且我们已经可以正常的在页面上编辑内容到富文本编辑器中，那么我们如何将输入的内容传到数据库中呢 ? Listen carefully.

首先介绍一下环境配置：

JDK-9.0.1

MySql的数据库

Tomcat 8.0

Eclipse

包结构

（ps：那个报错对项目没有影响）

在前几天的基础上，我们要对Ueditor的配置按照如下修改

UEditor的配置：

    在Eclipse中新建一个Web项目，将utf8-jsp复制到项目的WebContent（或WebRoot）下面；

    将utf8-jsp/jsp/lib下的所有jar包复制到WebContent/WEB-INF/lib中

    修改utf8-jsp/jsp/config.json文件，配置如下：

        "imageUrlPrefix": "/Ueditor", /* 图片访问路径前缀  一般使用：/项目名称 */
        "imagePathFormat": "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

    修改utf8-jsp/ueditor.config.js文件，配置如下：

        最开始添加一行命令：window.UEDITOR_HOME_URL = "/Ueditor/utf8-jsp/";

        通过配置toolbars属性来设置用户可以使用的功能。

BUG修改：（1）修改utf8-jsp/ueditor.config.js中第285行左右（scaleEnabled的默认值无效）：

	,scaleEnabled:true//开启scaleEnabled，自动长高失效以固定编辑器的高度，当编辑内容超过时，会