Java UEditor 基础引用、问题小结、优化处理

一、基础引用

    1. 官网下载 utf8-jsp 版本

      

     2. 重命名后，整个文件夹copy到项目里

        

    3. 在要使用编辑器的jsp引入主要配置文件

    注：UEDITOR_HOME_URL 可以在这里设置也可以在  ueditor.config.js 直接对 URL 赋值

    引用 zh-cn.js 文件一定要加编码 utf-8

4. 对应代码

   jsp:

   js(这个随便百度到别人的初始化方法直接拿过来的，就是这么懒……):

设置了一个全量Ue来接收编辑器的数据

获取html内容可以使用 Ue.getContent();

设置html内容可以使用 Ue.setContent(要展示html内容);

二、问题处理

  1.ueditor/jsp/controller.jsp?action=config&&noCache=1597810742607 500 (Internal Server Error)

请求后台配置项http错误，上传功能将不能正常使用！

  点击图片是这样的：

       原因是缺少  jar 包，将之前下载的文件jsp-lib 下面的jar赋值到项目的 web-lib 下

     

 

2.报错404图片找不到

  原因是图片指向路径不对

  修改 config.json 里的 imageUrlPrefix 为项目路径

 

3. 使用 setContent(); 方法报错 Uncaught TypeError: Cannot set property 'innerHTML' of undefined

原因是编辑器还没加载完，添加一个监听器，等加载完之后设置html内容

三、小优化

1. 工具栏太多有些用不到，百度到一个博客有详细讲每个按钮对应哪些功能

   百度编辑器ueditor的toolbars的各个元素代表的功能说明

  就在 ueditor.config.js 给注释掉

 

2. 编辑器宽度自适应

  将 initialFrameWidth 改为null

js:

jsp:

效果图：