百度富文本编辑器图片上传问题解决方案
程序员文章站
2022-05-24 20:41:58
...
一、 在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为解析地址
上一篇: 用php处理百万级以上的数据
下一篇: MySQL联结表_MySQL
推荐阅读
-
使用富文本编辑器上传图片实例详解
-
在Asp.Net Core中配置使用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)
-
富文本编辑器Quill(二)上传图片与视频
-
修改UMeditor(百度富文本编辑器)上传视频
-
使用富文本编辑器上传图片实例详解
-
Asp.Net Core中配置使用Kindeditor富文本编辑器实现图片上传和截图上传及文件管理和上传(开源代码.net core3.0)
-
富文本编辑器 CKeditor 配置使用+上传图片
-
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
-
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器
-
vue使用富文本编辑器:vue-quill-editor粘贴图片+图片上传服务器