情况一:Ueditor上传的图片和视频在富文本中,可以直接随着富文本字段保存到数据库中;
情况二:想单独保存上传的图片地址或者视频地址,可以修改Ueditor的代码,在上传时调用插入数据库方法,此情况不建议时间,会产生很多的垃圾数据;
1、在UEditor官网下载对应的工具包。
2、基本目录结构。
3、引入UEditor核心文件。
4、实例化UEditor编辑器//阻止div标签自动转换为p标签allowDivTransToP: false,//是否自动长高,默认trueautoHeightEnabled: false。
5、最后效果图如下。
这个问对人了~~ 我曾经弄这个弄了很久~~ 不说了, 给你方法;
我用的是Eclipse JSP,不晓得你用是什么工具。
新建一个JSP文件 index.jsp
head头部引用Ueditor的JS文件
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
body下面加入以下代码:
<textarea id="container" name="container"
style="width: 800pxheight: 400pxmargin: 0 auto">
</textarea>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor("container")
</script>
<input type="text" id="word_type" style="display:none" value="" name="word_type"/></br>
<button id="tijiao" name="tijiao"
sytle="margin-left:250pxwidth:60pxposition:relative">提交</button>
后台获取UEditor的代码:
String word_content = request.getParameter("container") 获取页面上的name="container "就行了
另外说一下:
打开,打开之后是这个样子的:
图片路径的前缀不用修改,你需要修改的是上传的保存路径:默认是WebContent下的images目录,上传的图片是在服务器上的,项目工程里面是木有的,要去你工作空间里面找,我的是
E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。
我学的是Java 不晓得可以帮到你不。。 呵呵
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)