JSP项目中使用ueditor(百度编辑器)

JSP项目中使用ueditor

1. 从http://ueditor.baidu.com下载JSP版本的ueditor，注意GBK和UTF-8两种版本。

2. 在Web Project项目的WebRoot目录下新增thirdparts目录，然后将ueditor添加到thirdparts目录中。

3. 将ueditor_utf8目录下的jsp/lib目录中的jar包拷贝到项目的lib目录。

4. 修改ueditor.config.js文件，添加如下代码

window.UEDITOR_HOME_URL ="/thirdparts/ueditor_utf8/";

5. 在JSP页面中导入ueditor相关的js文件

<script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/ueditor.all.min.js"> </script>     <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->     <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--> <script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/lang/zh-cn/zh-cn.js"></script>

6. 在需要显示ueditor的页面位置（注意id和name两个属性），添加如下代码：

<script id="editor" name="details" type="text/plain" style="width:900px;height:400px;"></script> <script type="text/javascript">         var ue = UE.getEditor('editor');     </script>

7. 在服务器端如何获取ueditor中的html字符串

使用request.getParameter(“script标记的name属性值”);

在ueditor中上传图片

1. 修改ueditor_utf8/jsp/config.json文件

imageUrlPrefix

imageManagerUrlPrefix

上述配置项的值，应该为javaweb的项目名称。

如果需要上传附件，那么还应该修改fileUrlPrefix为javaweb项目名称。

2. 因为ueditor官方给的jar存在bug，所以在显示已经上传的图片时，会存在无法显示的问题，可以通过修改源码解决。

FileManager.java中的getPath方法，修改完毕后重新生成jar包文件。

//String path = file.getAbsolutePath(); String path = PathFormat.format(file.getAbsolutePath());