百度富文本编辑器图片上传问题解决方案

一、 在jsp项目中集成使用ueditor

准备:

1.下载ueditor:http://ueditor.baidu.com

2.将ueditor整个文件夹拷贝到项目目录WebContent

3.将ueditor下的jsp/lib目录下的所有jar包,移至WebContent/WEB-INF/lib目录中。

4.在jsp页面中导入ueditor相关的js和css文件。

<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
  注意:修改src中文件的路径

5.在页面希望出现富文本编辑器的地方,添加如下代码即可。

<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
<script type="text/javascript">
	//实例化编辑器
	var ue = UE.getEditor('editor');
 </script>

问题1:如何在后台Servlet中获取富文本编辑器中的内容

在下面的script标记中,添加name属性

<script id="editor" type="text/plain"
 style="width:1024px;height:500px;"></script> 改为: <script id="editor"
 name="desc" type="text/plain"
 style="width:1024px;height:500px;"></script>

问题二:在ueditor中上传图片

打开utf8-jsp/jsp/config.json文件,找到上传图片配置项中的imageUrlPrefix,值修改为:"/项目名"即可
打开jsp/config.json文件,找到"列出指定目录下的图片"中的imageManagerUrlPrefix修改为:"/项目名"

问题三:图片如何上传指定路径?
一:重写ActionEnter. Invoke()
在这里插入图片描述
ueditor/jsp/controller.jsp更换为重写后的代码
在这里插入图片描述

如果是物理路径,需要更改tomcat映射server.xml

在这里插入图片描述
dobase为实际存放路径,也就是映射路径,path为解析地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

弱即弱离

您的鼓励是对我最大的支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值