最近在做一个网站,之前使用的是kindeditor.然后负责人说要求换一个新的文本编辑器,于是就选择了百度的ueditor.初次使用花了很大的力气才搞懂.不过确实挺好用的.下面就将使用方法与大家分享.
首先我在官网上下载了jsp版的ueditor.解压出来有多个文件夹,将解压出来的文件全部复制到工程下面的webroot下(我的工程名为ueditor).如图:
直接复制到工程下面可能会报错.只要保证ueditor.all.js和ueditor.config.js没有错就行.接下来就是一步一步的修改配置文件.首先打开ueditor.config.js,找到url并做如下修改:
例如我的url
= window.ueditor_home_url || "/ueditor/ueditor/".
然后找到在jsp文件夹下的imageup.jsp;这个jsp页面作用就是上传图片并处理图片.将图片的存储路径修改为自定义的路径只需要将up.setsavepath(dir)修改为up.setsavepath("自定义路径")即可.自定义路径默认还是在tomcat下该工程的ueditor文件夹中的jsp下面.换句话说:如果你的自定义路径为"picture",那么上传成功后图片就会存放在tomcat/工程/webapps/ueditor/jsp/picture.同样的,如果你要上传附件,那么还得修改fileup.jsp中的存储路径.和图片差不多,所以就不一一赘述了.
在配置文件修改了之后,就可以开始使用ueditor了.新建一个index.jsp页面,代码如下：
发布工程之后,见到如下页面就说明配置成功了：