springmvc集成Ueditor插件实现图片上传2、
一、下载Ueditor插件。
地址: http://ueditor.baidu.com/website/download.html
二、环境搭建。
具体可以参看http://fex.baidu.com/ueditor/
1、在WEB-INF下lib文件中导入ueditor1_4_3_2-utf8-jsp\utf8-jsp\jsp\lib下的全部jar包
commons-codec-1.9.jar
commons-fileupload-1.3.1.jar
commons-io-2.4.jar
json.jar
ueditor-1.1.2.jar
2、复制ueditor1_4_3_2-utf8-jsp到webapp下,测试,运行server服务器,输入http://localhost:8080/ueditor/ueditor1_4_3_2-utf8-jsp/utf8-jsp/jsp/controller.jsp?action=config,出现一下类似内容则成功。
3、初始化页面。
<!-- 加载编辑器的容器 --> <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 </script> <!-- 配置文件 --> <script type="text/javascript" src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/ueditor.all.js"></script> <script type="text/javascript" src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/lang/zh-cn/zh-cn.js"></script> <!-- 实例化编辑器 --> <script type="text/javascript"> var ue = UE.getEditor('container'); </script>
三、图片上传