一、基础引用

    1. 官网下载 utf8-jsp 版本

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

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

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

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

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

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

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

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

4. 对应代码

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

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

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

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

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

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

二、问题处理

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

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

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

  点击图片是这样的:

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

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

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

 

2.报错404图片找不到

  原因是图片指向路径不对

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

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

 

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

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

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

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

三、小优化

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

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

  就在 ueditor.config.js 给注释掉

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

 

2. 编辑器宽度自适应

  将 initialFrameWidth 改为null

js:

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

jsp:

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

效果图:

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

相关文章:

  • 2021-06-09
  • 2021-04-18
  • 2021-11-07
  • 2021-08-01
  • 2021-09-24
  • 2021-11-15
  • 2022-12-23
  • 2021-12-05
猜你喜欢
  • 2021-12-07
  • 2021-08-03
  • 2022-12-23
  • 2022-12-23
  • 2021-10-05
  • 2022-12-23
  • 2021-09-27
相关资源
相似解决方案