Java Web 项目添加UEditor文本编辑器

最新推荐文章于 2024-08-12 11:21:47 发布

fengzhi714

最新推荐文章于 2024-08-12 11:21:47 发布

阅读量491

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签：开源文本编辑器项目整合

本文链接：https://blog.youkuaiyun.com/fengzhi714/article/details/84717043

Java 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何将UEditor富文本编辑器集成到Web项目中。包括下载安装、配置web.xml及调整ueditor.config.js等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载UEditorhttp://ueditor.baidu.com/website/index.html

下载开发版文件夹：

在web项目中创建一个ueditor 文件夹，把下载的文件添加到文件夹下。把 JSP --> lib 中的 jar 包添加到项目中

单独测试把index.html放在web项目文件夹下，配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>ueditorDome</display-name>
  <welcome-file-list>   
    <welcome-file>index.html</welcome-file>    
  </welcome-file-list>
</web-app>

修改 js 的引用路径：

<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"></script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

到此就可以运行了，但是项目中建议我们还要改下 ueditor.config.js 文件中的 URL 路径。