网页文本编辑器UEditor.1.4.3 jsp使用配置

网页文本编辑器UEditor.1.4.3 jsp使用配置
由于项目需要文本编辑的功能，研究了百度ueditor编辑器，实现在线富文本的编辑和图片文件的上传。

首先需要配置好jsp开发的基本环境，即jee-eclipse（IDE）、JRE、Tomcat（JSP服务器），网上资料很多。

1、下载jsp版的ueditor，解压后改为ueditor。下载地址
http://ueditor.baidu.com/website/download.html
2、在eclipse里新建一个 Dynamic web项目（测试项目为UeditorTest，可替换为实际使用的名字）,建好项目后，里面有一个WebContent文件夹

3、将解压后的ueditor复制到WebContent里。将/UeditorTest/WebContent/ueditor/jsp/lib下的5个jar文件复制到/UeditorTest/WebContent/WEB-INF/lib中。在eclipse的Project Explorer中右击项目名选择刷新。



运行/UeditorTest/WebContent/ueditor/index.html,打开示例DEMO网页，在编辑器中输入文本，点击获取内容，会弹出包含网页格式的输入内容。此时可以上传图片或附件，但无法正常显示，原因在于没有正确配置图片或路径前缀。

Eclipse发布web项目的临时位置\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\项目名中。Ueditor默认的上传路径\ueditor\jsp\upload，打开Eclipse发布项目的文件夹找到刚才上传的文件。Ueditor会将文件上传在ueditorz自身目录下的\jsp\upload，但读取时需要从服务器即\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps计算实际地址，故需加上访问前缀/UeditorTest补齐路径。









4、打开/UeditorTest/WebContent/ueditor/jsp/config.json，在所有所有路径访问前缀中加上/UeditorTest，保存刷新会同步至项目发布目录。

现在打开示例DEMO，就可以正常添加图片或附件。其他项目中使用首先就是引入两个js文件，分别为editor_config.js和editor_all.js。然后就是js创建一个可编辑区域，用来创建编辑器，需要注明id，类型为text/plain，最后实例化编辑器即可。

网上有人需要配置/ueditor/ueditor.config.js，并没有配置也能用不知道为什么。