注意事项:
1.导入js文件
<!--ueditor-->
<script type="text/javascript" charset="utf-8" src="/BWG/utf8-jsp/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/BWG/utf8-jsp/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/BWG/lang/zh-cn/zh-cn.js"></script>
2.写入编辑器
<!-- 写入编辑器-->
<textarea name="message" style="height=800px;" wrap="physical" id="message">
</textarea>
<script id="message" name="message" type="text/plain" style="width:900px;height:800px;">
</script>
<script type="text/javascript" >
var editor = new UE.ui.Editor({ initialFramewidth:800,initialFrameHeight:400});
editor.render("message");
</script>
3.解析json文件
图片上传路径:需要放到项目下
"imageUrlPrefix": "http://localhost:8080/BWG", /* 图片访问路径前缀 */
4.ueditor.cinfig.js
/**
* 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
* 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
* "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
* 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
* 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
* window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
*/
window.UEDITOR_HOME_URL="/BWG/utf8-jsp/"
var URL = window.UEDITOR_HOME_URL || getUEBasePath();