1、先从官网上下载 jsp 版本的包下来 http://ueditor.baidu.com/website/download.html
2、把它解压到静态资源 static 文件里,因为我这个项目在静态资源别的地方用不了,
3、把文件中的 jsp 里的 controller.jsp 和 config.jsom 拿出到根目录,因为在controller.jsp是请求用的,在静态资源里没法用
4、开始配置,先打开 config.json 配置红框里的两个路径 ,图片前缀路径和上传的保存路径,很重要
5、把 jsp里的 lib文件中的 4个 jar包 ,复制到 WEB-INF/lib 和别的包一起,然后添加到 idea 里,注:如果有版本重复的,一定要用编辑器里最新下载下来的版本,然后把旧版本删掉,很重要(我在上传图片的时候一直报错就是这个原因)。
6、在项目里使用编辑器
<script id="editor" type="text/plain"></script>
var editor = UE.getEditor('editor', {
BaseUrl: '',
UEDITOR_HOME_URL: url_head + '/static/utf8-jsp/', //这个是静态资源的路径,写这里就不用在ueditor.config.js 里改了
serverUrl : url_head + "/controller.jsp", //这个是我放在根目录下 controller.jsp 的路径
}); // 初始化UE
editor.addListener("ready", function () {
_this.editor.setContent(''); // 确保UE加载完成后,放入内容。
});
我碰到的问题
1、在本地后端配置项没有正常加载,上传插件不能正常使用 。
原因有 : jar 包没添加 或者 路径没有配置对 或者 改了 controller.jsp 里的东西,然后报错
2、在本地测试时,图片不显示,但能提交
原因有 : config.json 里的 imagePathFormat : '' 或者 imageUrlPrefix 路径写错了
3、controller.jsp的返回数据格式不是 json
解决 : 把Content-Type 值改成 'text/html' response.setHeader("Content-Type" , "text/html");
4、项目放到服务器的之后又出现后端配置项没有正常加载,上传插件不能正常使用
问题: jar 包没放到WEB-INF/lib里,而且没重启服务
5、上传图片失败,controller.jsp 报500
问题 :没把旧的 jar 包删掉,删掉后重启就好了