首页 > 编程语言 > 详细

springmvc集成Ueditor插件实现图片上传2、

时间:2016-03-13 23:50:52      阅读:559      评论:0      收藏:0      [点我收藏+]

一、下载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>

  技术分享

 

三、图片上传

 

springmvc集成Ueditor插件实现图片上传2、

原文:http://www.cnblogs.com/hzhh123/p/5274050.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!