ueditor.all.min.js:9；ueditor富文本编辑器使用出现问题

错误信息

尝试方法

1.一开始ueditor前端不显示，如图：

2.后来添加了

<script type="text/javascript" charset="utf-8" src="statics/ueditor1_4_2-utf8-jsp/lang/zh-cn/zh-cn.js"></script>

前端结果：

出现了文字！，
说明富文本编辑器ueditor加载进来了；
ueditor加载使用可以看：link.
ueditor各版本下载：link.

仍有错误：还有样式之类的资源没加载进来。

3.但是我想要的工具框没有出现，格式也不对，我以为是下载的ueditor有问题，尝试了多个版本还是没有解决，我看了我下载的个版本文件夹下的index.html（如下图），都有显示工具框

4.于是查看index.html的代码，发现还要引入几个资源才行。代码如下：

href和src填自己项目中的路径
<link href="statics/ueditor1_4_2-utf8-jsp/themes/default/css/ueditor.css" type="text/css" rel="stylesheet">
<script src="statics/ueditor1_4_2-utf8-jsp/third-party/codemirror/codemirror.js" type="text/javascript" defer="defer"></script>
<link rel="stylesheet" type="text/css" href="statics/ueditor1_4_2-utf8-jsp/third-party/codemirror/codemirror.css">
<script src="statics/ueditor1_4_2-utf8-jsp/third-party/zeroclipboard/ZeroClipboard.js" type="text/javascript" defer="defer"></script>

5.重新启动项目，前端结果如下：

工具框出现！！

但还有错误:图片上传工具出错，没办法上传图片！此时错误截图

就这里耽误了我好长时间，我一度怀疑是ueditor太老了，不符合时代了，就连官方下载的文件中都有好几处报红，提示错误。

6.搞了好久才明白是自己Tomcat配置时，访问路径用的是默认的路径，要在配置ueditor时加上我默认的项目名Cloud_Diary_war_exploded才行，否则会出现各种资源找不到！！或者是将访问路径修改成自己想用的，再配置到ueditor.config.js和config.json中,哭了T_T !!!

出错根本原因一： window.UEDITOR_HOME_URL路径配置错误。

window.UEDITOR_HOME_URL = “/statics/ueditor1_4_2-utf8-jsp/”;
应该改为：
window.UEDITOR_HOME_URL = “/Cloud_Diary_war_exploded/statics/ueditor1_4_2-utf8-jsp/”;

出错根本原因二： “imageUrlPrefix"图片访问路径前缀配置错误。

“imageUrlPrefix”:”/",
应该改为：
“imageUrlPrefix”: “/CloudDiary_war_exploded”,
也就是你自己的Tomcat项目根目录，我的是/CloudDiary_war_exploded；

7.终于解决！！！！

可以上传图片和使用其他各种功能了！！！
clean项目重新启动：没有报错并且功能正常！撒花！！

8.总结：要深入理解代码的含义，理清关系，从改错中提升自己！ueditor是很老的富文本编辑器了，有兴趣可以学习一些其他常用，好用的富文本编辑器！