使用Ueditor，在编辑页面数据回显的问题解决方案

最新推荐文章于 2024-09-10 10:05:27 发布
最新推荐文章于 2024-09-10 10:05:27 发布
阅读量3.7k 收藏 4
点赞数
分类专栏： JavaScript 文章标签： Ueditor 回显数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_cxrs/article/details/90054144
版权

在编辑页面如果从后台返回数据，直接通过 ue.setContent();返回的数据 是没有处理的原样数据

比如是<p>测试数据</p> 这种

解决办法是 我们要现在把数据写到一个隐藏域中的文本框中

<input id='content' type='hidden'  />

 

然后从这个文本框中获取数据可以正常显示了

ue.setContent($("#content").val());

 

不善^
关注
专栏目录
vue+UEditor附件上传问题
**My Coding Family**
09-28 661
如上问题有的来自我自身项目开发，有的收集网站，有的来自读者…如有侵权，立马删除。再者，针对此专栏中部分问题及其问题的解答思路或步骤等，存在少部分搜集于全网社区及人工智能问答等渠道，若最后实在是没能帮助到你，还望见谅！并非所有的解答都能解决每个人的问题，在此希望屏幕前的你能够给予宝贵的理解，而不是立刻指责或者抱怨！如果你有更优解，那建议你出教程写方案，一同学习！共同进步。ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏。
vue中实现ueditor上传图片遇到的几个问题及解决方案
热门推荐
不晓笙的博客
05-22 1万+
vue中实现ueditor上传图片功能遇到的问题 初始化ue组件无法正常显示，无法加载 单图上传的图标变灰无法点击 or 多图上传显示后端配置项没有正常加载，上传插件不能正常使用！ 配置上传接口错误，请求报404，无法找到 上传后，服务端显示上传成功，并返回正确的json结果，但在ueditor中无法回显图片并报上传错误 解决方案 在ueditor.config.js中配置: 在va...
UEditor内容回显
weixin_30296405的博客
01-31 1257
问题描述： 　　当我们用UEditor编辑好内容保存到数据库后，需要单独在某个页面回显已保存的内容。这时会发现显示的内容样式和保存前的不太一样 解决办法： 　　1、首先在显示页面添加样式（把文本编辑器的工具栏隐藏） 　　2、设置显示内容 　　　var ue=UE.getUEditor("xxx",{ 　　　　enableContextMene:false//设置右键菜单不显示 　　　...
使用UEditor存入文本内容后数据回显问题
weixin_45237065的博客
09-19 1315
UEditor存入数据库的数据如何回显 参考 https://www.cnblogs.com/ouguangqiang/p/9755614.html 使用官方提供的api 是有效果的 但是没效果是因为 ue.getContent这个方法 这个方法得到的不是纯文本内容 先将数据渲染到编辑器中 发现编辑器内容是带标签的 可以先得到纯文本数据 不要用ue.getContent(); 而是用 ue.getContentTxt(); 然后再把此数据加进去 加之前记得ue.ue.setContent(’’);清空
百度富文本编辑器UEDITOR配置及功能实现详解
最新发布
alisky119的博客
09-10 2638
编辑器：百度ueditor前端：vue2,vue3,vue-cli,html5需求：复制粘贴word内容图片，word图片转存交互,导入pdf,导入PowerPoint(PPT)要求：开源，免费，技术支持用户体验：Ctrl+V快捷键操作该说不说，最近这块应该也是挻火的，今天早上又有网友加我微信私聊，说是想了解一下这块的技术和方案。实际我的微信号之前就已经在网上公开了，但是很多网友还是说找不到，这个可真有点难度了。
完美解决ueditor html、代码片段保存后不能正常回显问题
smallfish3306的博客
06-10 2459
最近在素材溜溜文章板块集成百度ueditor富文本编辑器时，入库保存后是HTML、代码内容，但是在回显的时候却不能正常显示，很是郁闷。在百度了一圈后都没有很详细的解决方案。费劲一些周章后终于解决了，下面记录一下，希望帮助他遇见同类问题的朋友。 原因： 入库是HTML、代码片段内容，回显时内容中的特殊字符（如‘<’）被转义了 下面看看怎么解决： 1、入库时前端进行base64转码后传入后端：从IE10+浏览器开始，所有浏览器就原生提供了Base64编...
ueditor1.4.3jsp版成功上传图片后却回显不出来与在线管理显示不出图片的解决方案...
weixin_30889885的博客
11-19 453
这是因为路径问题，可以在jsp/config.json这个文件去改路径 通过“imageUrlPrefix”与“imagePathFormat”这两个属性去拼凑路径。 “imageUrlPrefix”是前缀的意思 如：我遇到的问题是图片回显地址为： http://localhost:8080/ueditor/jsp/upload/image/...... 而正确的地址是： http:/...
使用ueditor富文本编辑器 数据回显带有HTML标签的解决办法
WSWTPSWLT的博客
11-23 1万+
遇到的问题： 后台用富文本编辑器编辑好后，在前台读取数据库中的信息，前台读取的数据是带HTML标签的数据格式 尝试的解决办法： 1：使用js方法将前台读取出来的数据用html（）方法 innerhtml（） 等js原生方法尽行转换，但是，试了所有的转换方法，结果还是没有解决 当时的思路就是，将数据库中带html标签的数据用某种方法进行解析转化成用富文本编辑器编辑时的数据格式，但是...
ueditor（vue-ueditor-wrap）集成秀米全过程以及遇到的问题
sql65432的博客
05-07 1722
1.ueditor（vue-ueditor-wrap）集成秀米踩坑记录 链接如下： https://www.jianshu.com/p/af5e935ea506 第一选择肯定是打开ueditor官网地址看下文档吧 image   ？？？？？？ 然后去github https://github.com/fex-team/ueditor，哦，已经放弃治疗了 image   先按照教 readme 试试水，下载1.5.0版本代码，结合某些古代的博客，先main.js引入这个，然后引入那个。问题来了，代码中没找到这
UEditor的asp.net封装控件
09-10
UEditor是一款功能强大的在线...总之，"UEditor的asp.net封装控件"为ASP.NET开发者提供了一种高效、易用的在线文本编辑解决方案，通过封装，使得UEditor的特性能够无缝融入.NET开发环境中，提高了开发效率和用户体验。
百度富文本 ueditor 集成、踩坑、 修改笔记
Kimipoker的博客
07-12 2837
百度富文本UEditor集成、踩坑、修改笔记 机制 在官网下载最新版过后将web资源包放到自己webapp下面. 只要需要的位置引到资源就行. 我的结构是这样的. 在页面引入 <script type="text/javascript" charset="utf-8" src="<%=path%>/resource/plugins/ueditor/uedit...
Jsp ueditor的反显
IT的鱼
04-23 789
var editor = UE.getEditor('editor'); editor.ready(function() { ue.setContent(text); });
PHP使用百度富文本编辑器ueditor反显数据,展示代码的问题解决
weixin_39651391的博客
04-07 931
问题: 通过laravel将数据分配显示时,直接展示了html代码,而不是具有格式的纯文本内容 解决步骤 1首先使用隐藏域单独将数据保存起来 2 实例化ueditor 3 获取到隐藏域中的数据,在页面全部加载完毕后使用闭包将其加入到editor中,如下图 4 展示结果如下,正常显示 ...
百度富文本编辑器（ueditor）样式错误，回显出现#39、quot
qq_37735196的博客
01-02 2411
最近使用了百度的富文本编辑器，虽然已经停止更新了，但其实还是挺好用的。 开始一直没发现这个问题，后来测试才发现输入文字，调整字体、颜色、大小保存以后再打开居然样式没有了。看了HTML测试了很多次才发现是字体问题，如果先选择大小、颜色、最后才选字体就没有错，如果先选了字体，那颜色大小就失效了。所以之前才没有发现。最后找了很多网上的解决办法都没有用。只能凭感觉试。发现如果选的字体名称不带空格就没有这...
记录jsp 使用＜!--百度 UEDITOR--＞设置textarea 回显数据出错问题
yang_weidong的博客
08-18 820
使用百度UEDITOR 设置textarea 数据回显问题
tp5中使用ueditor编辑器保存文本到数据库后回显后显示html标签问题解决办法
weixin_30338497的博客
10-08 1248
在编辑器ueditor中获取文本，保存到到数据库后为 当在数据库中提取出来，在显示回ueditor编辑器时候，出了问题， html标签都显示出来了 百度了下别人的解决办法是，使用官方提供的api 可是我试过后还是不行，和没使用一个样。 最后我在tp框架中找到了原因https://www.kancloud.cn/manual/thinkphp5_1/354074 是tp5中...
Ueditor文本回显问题
qq_41872909的博客
06-04 2133
最近接刚接触Ueditor，本来想用它来实现带格式的文本内容的编辑和传值。但是刚用就碰到问题了。 先了解以下它的几个获取内容的方法吧： <script type="text/javascript"> function saveNotice(url){ //获取带格式纯文本内容 UE.getEditor('editorInfo').getPlainContent(); //...
UEditor 编辑器实现文件上传到服务器及图片回显问题
秀岩的博客
03-31 1816
UEditor 编辑器实现文件上传到服务器及图片回显问题   在上一节我们讲到了UEditor 编辑器的下载与安装问题，也实现了编辑器初始化问题。但是 UEditor 编辑器重要的文件上传功能却没有实现，那么本文针对此问题，提出一些解决方案。 这里写目录标题UEditor 编辑器实现文件上传到服务器及图片回显问题一、导入 json 支持包和文件上传支持包二、解决 UEditor 文件上传后无法回显问题补充：IDEA中引入 UEditor 编辑器图片回显问题   默认后端未配置，上传的插件是不能加载的。
ueditor多图上传html错误,ueditor 图片上传时,服务端返回正确仍然显示上传错误
weixin_39619451的博客
06-05 437
在使用ueditor过程中 发现上传图片服务端返回json 正常，ueditor却提示上传错误研究了两天终于找到答案了​从这个图上看到返回json是正确，我将ueditor.all.min.js里面的这段{try{vare,g,k,h=(r.contentDocument||r.contentWindow.document).body;g=(newFunction("return"+(h.inne...
VUE中使用UEditor上传图片后如何回显
05-18
在使用UEditor上传图片后，可以通过以下步骤将图片回显到页面中： 1. 在UEditor配置文件中配置上传图片成功后的回调函数，如： ```javascript UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { if (action == "uploadimage") { return "upload.php?action=uploadimage"; } else { return this._bkGetActionUrl.call(this, action); } }; ``` 其中，返回的上传图片地址应该是后端处理上传图片的接口地址。 2. 在后端接口中处理上传的图片，并将图片的URL返回给前端，如： ```php <?php // 处理上传图片的代码，将图片保存到服务器上并获取图片URL // ... // 返回上传图片的URL echo $imageUrl; ?> ``` 3. 在UEditor的上传图片成功回调函数中，获取后端返回的图片URL，并将其设置到页面中，如： ```javascript editor.addListener('afterUpfile', function(t, arg) { var url = arg[0].url; // 获取后端返回的图片URL var $img = $('<img>').attr('src', url); // 创建图片元素，并设置图片URL $('#image-container').append($img); // 将图片添加到页面中 }); ``` 其中，`#image-container` 是用来展示上传图片的容器元素。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值