最近做项目要用到在线编辑器。（也就是现在编写博客用的东东）。经一番折腾发现百度编辑器Ueditor真心好用，配置也方便。废话不多，j进入正题：
首先，在Ueditor首页下载编辑器。我用的是开发板 1.4.3jsp版本 utf-8版。解压后可以看到如下目录：
myeclipse下新建项目，在项目的WebRoot下新建文件夹ueditor。将ueditor1_4_3-utf8-jsp目录下的文件全部复制到ueditor目录下，当然，/jsp/lib下的jar得放到项目WEB-INF/下的lib文件夹下。
出现错误：Errors occurred during the build.Errors running builder 'JavaScript Validator' on project 'a'.7
这是Myeclipse的bug。可以在通过： 右键项目->Properties->Builders->将Javascripte Validator前的复选框去掉 ->OK 解决。
然后下面是参照Ueditor官方文档给出的例子写的测试页：在这
<!DOCTYPE HTML> <html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
<link rel="stylesheet" type="text/css" href="udeditor/themes/default/css" />
</head>
<body>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
<!-- 加载编辑器的容器 -->
<textarea id="container" name="content">
这里写你的初始化内容
</textarea>
</body>
</html>
就这么简单，编辑器出现了。但是图片上传却出现图片无法加载，多图上传中的网络图片可出现，但可恶的是1.4.3有个自动保存的bug。在ueditor.config.js中的设置配置禁止自动本地保存无效。于是就看到:(博客上图太慢，以后修改)图片无法显示。
查看官方文档，竟然没有JSP版的。搜索到的内容得是旧版本的，根本无从下手。然后将就着看了一下PHP版的配置文档，终于找到解决方法。PHP版配置文档
中有如下内容 ：UEditor 1.4.2+ 起，把前后端相关的配置项都放到后端文件 php/config.json 设置（配置介绍），在初始化时会向 serverUrl 发起获取后端配置的请求。~~~~~~~~~~2.2 给返回路径的添加前缀
通过在 php/config.json 文件，配置 imageUrlPrefix 可以给返回的路径添加指定的前缀。
立马找到ueditor/jsp/config.json 打开->将所有XXXXXXPrefix的值改成对应项目名称。图片立马显示出来。（"imageUrlPrefix": ""改成"imageUrlPrefix": "/a"）
至于新增的word导入功能还未解决，果然看一会文档胜过搜一大堆资料。
扫一扫
1532
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
