tp5中使用ueditor编辑器保存文本到数据库后回显后显示html标签问题解决办法

最新推荐文章于 2022-08-18 10:49:15 发布
最新推荐文章于 2022-08-18 10:49:15 发布
阅读量1.2k 收藏 1
点赞数
文章标签： 数据库 php javascript ViewUI
原文链接：http://www.cnblogs.com/ouguangqiang/p/9755614.html
版权

在编辑器ueditor中获取文本，保存到到数据库后为

当在数据库中提取出来，在显示回ueditor编辑器时候，出了问题，

html标签都显示出来了

百度了下别人的解决办法是，使用官方提供的api 

可是我试过后还是不行，和没使用一个样。

最后我在tp框架中找到了原因https://www.kancloud.cn/manual/thinkphp5_1/354074

是tp5中自动转了格式，使用raw函数就能解决问题了

 

转载于:https://www.cnblogs.com/ouguangqiang/p/9755614.html

巷中人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
10-25
主要介绍了ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法,需要的朋友可以参考下
tp5中使用ueditor编辑器保存文本到数据库后编辑时数据回显显示html标签问题解决办法
最新发布
nzz_1214
01-25 673
如果你不需要转义（例如你需要输出html表格等内容），可以使用： raw。其中用到的技术点为tp6中的raw，哈哈哈，很棒！
PHP 将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
weixin_45624316的博客
09-02 888
PHP htmlspecialchars_decode() 函数：把预定义的 HTML 实体 “<”（小于）和 “>”（大于）转换为字符. stripslashes()： 函数删除由 addslashes() 函数添加的反斜杠 html_entity_decode()： 函数把 HTML 实体转换为字符。 {$details.detail|htmlspecialchars_decode|stripslashes|html_entity_decode} ...
使用ueditor富文本编辑器 数据回显带有HTML标签的解决办法
WSWTPSWLT的博客
11-23 1万+
遇到的问题： 后台用富文本编辑器编辑好后，在前台读取数据库中的信息，前台读取的数据是带HTML标签的数据格式 尝试的解决办法： 1：使用js方法将前台读取出来的数据用html（）方法 innerhtml（） 等js原生方法尽行转换，但是，试了所有的转换方法，结果还是没有解决 当时的思路就是，将数据库中带html标签的数据用某种方法进行解析转化成用富文本编辑器编辑时的数据格式，但是...
记录jsp 使用＜!--百度 UEDITOR--＞设置textarea 回显数据出错问题
yang_weidong的博客
08-18 761
使用百度UEDITOR 设置textarea 数据回显问题
完美解决ueditor html、代码片段保存后不能正常回显问题
smallfish3306的博客
06-10 2246
最近在素材溜溜文章板块集成百度ueditor富文本编辑器时，入库保存后是HTML、代码内容，但是在回显的时候却不能正常显示，很是郁闷。在百度了一圈后都没有很详细的解决方案。费劲一些周章后终于解决了，下面记录一下，希望帮助他遇见同类问题的朋友。 原因： 入库是HTML、代码片段内容，回显时内容中的特殊字符（如‘<’）被转义了 下面看看怎么解决： 1、入库时前端进行base64转码后传入后端：从IE10+浏览器开始，所有浏览器就原生提供了Base64编...
vue中使用ueditor富文本编辑器
12-29
最近在做后台管理系统的时候遇到要使用富文本编辑器。最后选择了ueditor，我的项目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建，  1、下载UEditor官网最新的jsp版本的包，下载完成解压之后...
vue2.0项目中使用Ueditor富文本编辑器示例代码
12-11
最近在vue项目中需要使用富文本编辑器，于是将Ueditor集成进来，作为公共组件。 项目地址：https://github.com/suweiteng/vue2-management-platform  1.放入静态资源并配置 首先把官网下载的Ueditor资源，放入...
java项目中使用 UEditor 百度富文本框编辑器，操作详细步骤
01-08
将下载下来的文件中 ueditor\jsp\lib 下有 5 个jar包，将这5个jar包添加到项目构建路径。 因为我的项目是 springBoot架构，所以我将jar包添加到项目中是通过maven依赖。步骤如下：（1）在resources 根目录下建立 ...
ThinkPHP中使用Ueditor富文本编辑器
10-23
主要介绍了ThinkPHP中使用Ueditor富文本编辑器,需要的朋友可以参考下
解决layui富文本编辑器图片上传无法回显的问题
10-16
今天小编就为大家分享一篇解决layui富文本编辑器图片上传无法回显的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
UEditor使用 回显数据
Day_Breaking的博客
05-15 1065
正常操作UEditor，回显数据，会与页面的标签冲突，破坏页面结构，不能正常获取值； 我的处理方式： 使用隐藏div接收到值，然后使用jquery获取；
Ueditor显示问题：内容将html标签也显示出来了
热门推荐
jsdxshi的博客
04-12 2万+
ue.getContent()获取到的值保存到数据库，从数据库取出来之后不能当做正常的html，标签也显示出来了 var articleContent = ue.getContent();取到的值直接传送到后端，后端得到值时会发生改变： 比如aaa会变成＜p＞aaa＜/p＞,半角字符会变成全角字符，导致前端显示的时候直接显示出来字符串＜p＞aaa＜/p＞，而不是aaa。解决办法是： 前端获取
tp5.1 数据库中保存的html代码被原样输出了,浏览器没有解析
php菜鸟技术天地
09-18 5703
解决办法： {$html|raw}   转载：http://www.thinkphp.cn/topic/54091.html    
使用Ueditor，在编辑页面数据回显的问题解决方案
路人甲的专栏
05-10 3715
在编辑页面如果从后台返回数据，直接通过 ue.setContent();返回的数据 是没有处理的原样数据 比如是<p>测试数据</p> 这种 解决办法是 我们要现在把数据写到一个隐藏域中的文本框中 <input id='content' type='hidden' /> 然后从这个文本框中获取数据可以正常显示了 ue.setContent...
ueditor保存数据库后回显
我的博客
03-27 268
<body> ...
ueditor上传图片后回显问题
guoyp2126的博客
11-30 1781
问题提出 ueditor上传图片成功，但不回显，查看代码发现调用地址为下图红线所画部分 将该地址直接拿到浏览器下执行，报 Whitelabel Error Page错误 根本原因这就涉及到了springboot的静态资源访问的问题,springboot默认能够访问/static下的文件，如果需要使用后台上传的文件，就需自定义配置静态资源配置。 自定义配置静态资源配置 springboot提供了WebMvcConfigurer接口，进行扩展。重写WebMvcConfigurer接口的addResource
JAVA中将WORD转换为HTML导入到UEDITOR编辑器中
06-03
在Java中将Word转换为HTML需要使用Apache POI和JodConverter库。而将HTML导入到UEditor编辑器中，需要在前端使用UEditor富文本编辑器，并在后端使用Java Web框架（如Spring MVC）来处理上传文件和保存HTML内容。 以下是一个简单的Java代码示例，演示如何将Word文档转换为HTML，并将HTML保存到服务器上的文件中： ```java import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import org.apache.poi.hwpf.HWPFDocument; import org.jodconverter.JodConverter; import org.jodconverter.office.LocalOfficeManager; import org.jodconverter.office.OfficeException; import org.jodconverter.office.OfficeManager; public class WordToHtmlConverter { public static void main(String[] args) { // Start the office manager OfficeManager officeManager = LocalOfficeManager.builder().officeHome("/usr/lib/libreoffice").install().build(); try { officeManager.start(); // Load the Word document HWPFDocument document = new HWPFDocument(new FileInputStream("document.doc")); // Create a temporary file for the HTML output File tempFile = File.createTempFile("document", ".html"); // Convert the document to HTML JodConverter.convert(document).to(tempFile).execute(); // Save the HTML content to a file on the server FileOutputStream fos = new FileOutputStream("output.html"); fos.write(Files.readAllBytes(tempFile.toPath())); fos.close(); // Delete the temporary file tempFile.delete(); } catch (IOException | OfficeException e) { e.printStackTrace(); } finally { // Stop the office manager officeManager.stop(); } } } ``` 在上述代码中，我们使用JodConverter将Word文档转换为HTML，并将HTML内容保存到服务器上的文件中。然后，我们可以在Java Web应用程序中使用Spring MVC等框架来处理上传文件，并将HTML内容保存到数据库中。最后，在前端使用UEditor富文本编辑器时，我们可以将HTML内容加载到编辑器中，让用户进行编辑和保存。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值