Ueditor 自定义图片上传+文本编辑

最新推荐文章于 2024-07-16 18:02:25 发布
最新推荐文章于 2024-07-16 18:02:25 发布
阅读量595 收藏
点赞数
分类专栏： jsp 文章标签： json 数据库 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yt_lemon/article/details/84717881
版权
本文介绍了如何在项目中集成Ueditor富文本编辑器，重点讲解了自定义图片上传的配置和处理，包括ueditor的配置、图片路径设置、自定义上传回调以及解决编辑器内容获取时的安全性问题，确保编辑器内容正确存储和展示。
摘要由CSDN通过智能技术生成

刚来公司那会，要我将text改为富文本编辑器，这个过程真是一波三折。话不多说，直接进入主题。

开始的时候用的是ueditor自带的图片上传。在这里简单的说下ueditor文件配置，到ueditort官网去下载文件，地址：http://ueditor.baidu.com/website/  下载下来后主要引入这个

 

 我这边引入的是这个四个文件。在jsp页面中写如下两个script将插件引入

 上图中的第一个script的id 是调用下面的id， UE.getEditor是初始化这个插件，里面有一些参数配置，如: autoClearinitialContent:false,  这个参数是鼠标点击这个编辑器内容的时候，不会清空里面的内容，设置成true，在页面加载这个插件的时候d点击这个编辑器会将编辑器里默认的内容清除掉。参数也可以在uedotor.config.js里面配置。

 

1：采用ueditor自带的图片上传，配置如下：

上面的配置是要有的，在ueditor加载的时候会全部进入jsp/controll

最低0.47元/天 解锁文章
yt_lemon
关注
专栏目录
UEditor 自定义上传 远程服务器 Jsp Java
G-SISI
09-22 6272
终于是搞定了UEditor自定义上传... 上班的时间写这个，不知道会不会被骂死... 现在公司正在做的一个项目，需要用到HTML编辑器，在UEditor之前，使用的是Ckeditor+Ckfinder。 CK这个编辑器和UEditor一样，都是首次使用，所以在网上也翻了写资料，发现大家都只是本地服务器上传。 但项目有个要求：图片文件，需要上传至图片服务器，需要使用的时候也从图片服
ueditor自定义图片上传
11-30
前后端分离 解决ueditor上传图片时的跨域问题 自定义图片上传插件，文件服务器与富文本可以单独部署
Ueditor 图片自定义上传
OneDay's 博客
04-06 5016
本文学习自：http://yt-lemon.iteye.com/blog/2210465 非常感谢！ 百度富文本编辑器ueditor 下载地址： http://ueditor.baidu.com/website/download.html 一、准备工作 按需下载不同版本。 下载解压。文件名重命名为ueditor ，整个文件夹放置webapp。或者其他路劲。 maven项目 自己给jsp/
百度编辑器 图片粘贴上传，实现图文粘贴，图片自动上传
最新发布
alisky119的博客
07-16 900
之前网上搜到的方案很少，现在由于HTML5的流行，chrome提供了相关的API，所以在网上也是能够搜到很多方案的，不过99%的方案实际上说的都是同一个方案，也就是借助于HTML5来实现，也就是借助于chrome的API来实现，这个方案的话也是能够满足一般的需求，但是兼容性方面有点问题，不能兼容IE浏览器，我们技术部在对这个方案进行测试的时候发现在有的用户电脑行，有的用户电脑不行，也没找到原因。开发成本帮助企业节省了，网上确实也有很多文章提到了一些方案，但是项目组的同事试过，基本上一个能用的都没有。
UEditor编辑器自定义上传图片或文件路径的修改方法
10-25
主要介绍了UEditor编辑器自定上传图片或文件路径的方法,需要的朋友可以参考下
4. UEditor 实现 自定义上传
Eden 的博客
08-05 920
新建 UploadImageServlet 接受前段上传请求、保存图片、返回信息。UploadImageServlet 代码。UploadImageServlet 中的。新建 diyindex.html。与 config.json 中的。修改前台上传图片访问路径。doPost 方法代码。
vue项目中应用ueditor自定义上传按钮功能
08-27
Vue项目中应用ueditor自定义上传按钮功能 本文主要介绍了Vue项目中应用ueditor自定义上传按钮功能，通过以Vue-cli生成的项目为例，讲解了Vue项目中使用ueditor的方法。 一、ueditor的基本使用 ueditor是一款功能...
百度富文本框（Ueditor）自定义上传接口，并解决单图片上传的跨域问题
03-09
Ueditor默认的图片上传是不支持跨域的，但我们可以自定义上传接口来实现这一功能。首先，你需要在后端服务器上设置允许跨域的响应头。在HTTP响应头中添加`Access-Control-Allow-Origin`字段，指定允许请求的源。例如...
ueditor文本编辑器+layer弹窗
07-06
通过UEditor与Layer的集成，我们可以构建出功能强大且用户体验极佳的Web应用，满足多样化的需求，无论是简单的文字编辑还是复杂的富媒体内容创作，都能轻松应对。同时，由于这两款工具都开源并具有良好的社区支持，...
ueditor 编辑器，自定义图片上传
weixin_30814319的博客
05-17 107
1 <div> 2 <h1>完整demo</h1> 3 <form method="post" name="form"> 4 <div id="editor" name="content" style="width:800px;height:500px"></div> ...
UEditor修改版，支持自定义上传路径
02-08
5分资源绝对物有所值，里面有我的联系方式，提供技术支持。百度官方的UEditor不能支持自定义上传路径，上传路径的东西会自动存到Tomcat下，这个很不友好，我自己做了修改，支持自定义上传路径了。同学下载完成后替换一下jar包，并在配置文件中加一个参数就行了，就是这么简单粗暴，具体情况我已经在压缩文件的txt文件中说明了，如果有问题 里面有我的联系方式，欢迎讨论。
百度富文本编辑器（ueditor）自定义上传接口（路径）
11-07
百度ueditor编辑器将图片上传到非项目根路径(保存在磁盘上)或独立服务器解决方案 教程：https://blog.csdn.net/qq_16220645/article/details/78860497 源码已经修改好了，直接buildpath到项目里就OJBK
ueditor自定义上传路径
04-28
对源码进行了修改，实现了自定义上传路径设置，配置方便简单 a、jsp页面中首先定义customJson参数，设置saveRootPath和filePathFormat var customJson = {         "saveRootPath": "d:/eoms4_attaches"    //绝对路径         ,"filePathFormat": "/自定义路径/{time}{rand:6}"    //图片上传路径        } b、实例化editor时把customJson参数传入 var editor = UE.getEditor("upload_ue", {             ......             ,serverUrl : "/ueditor/jsp/controller.jsp?customJson="+encodeURI(JSON.stringify(customJson))         });
ueditor自定义上传
冷月无声0323的博客
03-13 1267
ueditor使用中遇到的几个问题 1.在ueditor初始化之前，可以设置window.UEDITOR_HOME_URL，指定自己的统一请求路径 window.UEDITOR_HOME_URL = “${ctxStatic}/ueditor/”;2.自定义上传请求地址UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getAct
ueditor单图和多图上传图片 自定义接口上传
weixin_57986195的博客
08-25 1200
if (!// }')})
Ueditor富文本编辑器--上传图片自定义上传操作
夜
05-25 2388
最近负责将公司官网从静态网站改版成动态网站，方便公司推广营销人员修改增加文案，避免官网文案维护过于依赖技术人员。在做后台管理系统时用到了富文本编辑器Ueditor，因为公司有一个阿里云文件资源服务器，而Ueditor默认将上传图片上传到本地服务器，所以自己也是网上查了很多资料，最终解决了这个问题。 这里使用到的Ueditor版本为net版 对于Ueditor的配置使用，我就不多说了。这里只讲如何上
Ueditor编辑器图片上传自定义配置
lgc527449244的博客
12-08 2493
Ueditor图片上传自定义配置不使用自带后台配置1、加载Ueditor编辑器所在的页面时，默认访问配置项serverUrl，访问这个请求后主要是为了返回配置信息。请求链接：serverUrl+”?action=config”UeditorConfig.properties#ueditor编辑器相关配置 ueditor.imgePath=/upload #图片上传的action ueditor.im
ueditor自定义图片上传路径
死了没的博客
04-19 794
最近在使用ueditor一开始上传图片提示成功并显示也没啥问题，但是这些图片保存的地址是依赖于项目的。由于公司的项目有自 己的文件服务器所以就要改变图片的上传地址。以下是解决方法： 1.在controller.jsp页面中获取到配置文件所定义的文件服务器的地址。如下图： 在为修改的情况下out.write里面调用方法的时候的参数是没有saveRootPath的。一开始我想既然rootPa...
UEditor 1.2.4 图片上传与配置详解
"这篇文档详细介绍了如何在项目中配置并使用UEditor上传本地图片，主要针对1.2.4版本的UEditor进行说明，包括编辑器的启动、配置文件的修改以及解决图片红叉问题的方法。" UEditor是一款在国内广泛应用的富文本编辑...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值