ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法

Mathea ·
更新时间:2024-09-20
· 727 次阅读

ThinkPHP的conf文件中的Convention.php有一个配置选项

'DEFAULT_FILTER'        =>  'htmlspecialchars', // 默认参数过滤方法 用于I函数...
默认这个方法是开启的。也就是说,我们往数据库里面存储的数据中都会经过htmlspecialchars这个函数的转义处理。

我在我的项目中使用了Kindeditor富文本编辑器(或许你使用的是Ueditor\ckeditor),通过富文本编辑器编辑文章的内容然后存储到数据库中,再从数据库中读取显示到网页上来。

在这个过程中,我遇到一个问题,当我在insert方法直接显示我将提交到数据库里的文本数据时,能够正常解析成HTML页面,但是当我再从数据库里面读取HTML数据时,文章内容就变成了一整段HTML代码。dump输出我读取到的数组内容,可以很清楚的看到是已经转义的内容。

1.数据库中存储的内容以及读取出来的文章内容实例:

<p> 你们知道吗? </p>

2.在html页面中解析出来的内容效果:

“<p> <span style="white-space:pre"> </span><img src="/17joys/Public/kindeditor/attached/image/20140807/20140807110915_31727.jpg" alt="" width="800" height="600"> <span style="white-space:pre"> </span></p>”

很明显可以看出,原来应该变成HTML标签的内容现在被解析成了文本里面的内容,而且在文本内容的最外面还加上了双引号。

正常的显示应该是没有双引号的才对。数据库读取出来的数据就是HTML页面的源代码,然后插入HTML页面之后,标签被解释,标签内的内容显示成页面。

通过上面的分析,可以确定,是ThinkPHP在内容存储的过程中自动对内容进行了转义处理,导致了数据库中存储的内容变成了转义后的内容,再次读出来的时候HTML会自动将原本属于标签的内容转义成为正文文本。

所以,果断到TP的conf目录下找convention.php配置文件,将DEFAULT_FILTER功能禁用掉,以后需要使用的时候再手动调用即可。

再次测试,这一次就解决了问题了。

您可能感兴趣的文章:thinkphp3.2嵌入百度编辑器ueditor的实例代码ThinkPHP中使用Ueditor富文本编辑器ThinkPHP中FCKeditor编辑器的使用方法TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析利用Electron简单撸一个Markdown编辑器的方法利用Vue实现一个markdown编辑器实例代码vue中利用simplemde实现markdown编辑器(增加图片上传功能)SpringBoot使用Editor.md构建Markdown富文本编辑器示例Thinkphp5框架中引入Markdown编辑器操作示例



ThinkPHP 富文 文本编辑器 文本编辑 方法 存储 富文本编辑器 转义 编辑器

需要 登录 后方可回复, 如果你还没有账号请 注册新账号