百度ueditor 1.4.3 jsp开发版简单配置及图片上传

最近做项目需要一个在线编辑器。选了百度ueditor，开始是看网上的教程，但是发现都是以前的版本，根本就不一样，照着来的话，反而误导了我，文档也比较旧了。于是自己看文档，看代码，最后成功了。可能ueditor的版本升级后这个教程就没法用了，不要硬搬硬套。1、先去下载一个ueditor 1.4.3 jsp 的开发版。 2、将其解压，然后把ueditor包直接导入进工程里的webRoot目录下3、新建jsp页面，例如：test.jsp在页面的body结束标签之前添加如下代码： <!-- 加载编辑器的容器 --> <!-- 配置文件 --> <script type="text/javascript" src="ueditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="ueditor/ueditor.all.js"></script> <!-- 实例化编辑器 --> <script type="text/javascript"> var ue = UE.getEditor('container');</script>4、
在需要的位置添加ueditor的引用<script id="container" name="content" type="text/plain"> 点击最后的电脑图标可以全屏操作哦</script>5、

在ueditor/jsp目录下找到config.json文件，修改下面的位置 "imageUrlPrefix": "http://localhost:8080/ArticleCMS/", /* 图片访问路径前缀 */这个是必须配置的，ueditor目录之前的访问路径部分例如：ueditor在项目中的访问地址是http://localhost:8080/ArticleCMS/ueditor则只填前面部分即可。"imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}{time}{rand:6}", 这是上传图片的重命名格式，路径可以自定义。 经过如上几步，图片上传功能就可以使用了。 注意：jsp引入js文件时，就算是配置文件就跟本jsp页面同级目录也必须加上父目录名，否则引不进来。

本文出自 “开发随笔” 博客，转载请与作者联系！