在使用UEditor时出现的路径问题

调用ueditor需要先引入3个js,

<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>

但是这样,如果其他资源文件和编辑器实例化页面不是在同一个目录下,引用的时候就会出错,页面展示就像下面一样

博主后来在ueditor.config.js中看到了引用其他资源文件的路径配置:var URL = window.UEDITOR_HOME_URL || getUEBasePath();

文件引用的具体解释如下:

编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。

     鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。

      "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。

    如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。

      因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。

      window.UEDITOR_HOME_URL = "/xxxx/xxxx/";

所以如果我们需要所有路劲都能引用其他的编辑器资源文件就需要在文件开头写上:

 <script type="text/javascript">
    window.UEDITOR_HOME_URL = "${pageContext.request.contextPath}/ueditor/";
</script>

这样引入js后的所有资源文件都能访问到了

猜你喜欢

转载自blog.csdn.net/sinat_38708970/article/details/82947469