ThinkPHP框架中使用富文本编辑器后如何输出

htmlspecialchars_decode()用这个能解析里面的符号

我们在利用ThinkPHP提交数据的时候，数据库里的数据是含各种html标签的，那么在输出时就可以直接输出嘛。但是，也许你的老师曾经告诉过你，在进行后台数据提交的时候，要过滤掉html标签，如I('content','','htmlspecialchars ')这样来操作的。但是经过这样的过滤后，你要是还想直接输出来或是进行截取字符的时候就会遇到很多的麻烦。本人经过多次摸索的实验，得来以下经验，希望分享了可以帮助到大家。

总结：

在运用富文本提交数据时，为了在数据输出时能够正常显示，有以下几种方法：

1、在接收数据时采用如I('content','','htmlspecialchars')则在首页显示并截取数据字符串时，采用

{$m.content|htmlspecialchars_decode|strip_tags|cut_str=###,200,0}

其中，先把以过html转义过的数据“<”恢复成如“<a>”这样的html标签，再用strip_tags函数把所有的html数据都去除后再截取。

包括其中的javascript代码都不会显示，也不会运行。

在详细页中使用{$news.content|htmlspecialchars_decode=###}

则在首页截取后显示的是有alert()代码，但不会显示其前面的<script></script>样的字符，同时在详细页中不会显示<script></script>

以及其中间的所有代码。其他html标签正常输出转换。

2、在接收数据时采用I('content')的形式，则在首页显示并截取数据字符串时，采用

{$m.content|strip_tags|cut_str=###,200,0}

其中，先把直接含html标签的数据利用strip_tags函数进行去除后，再截取字符串输出就可以了。

在详细页中使用{$news.content|htmlspecialchars_decode=###}，则在首页截取后显示的是有alert()代码，并且还会有其前面的<script></script>样的字符，

在详细页中，这个会显示javascript所有完整代码，但不会执行。

3、在接收数据时采用I('content','','htmlspecialchars')的形式，则在首页显示并截取数据字符串时采用

{$m.content|htmlspecialchars_decode|strip_tags|cut_str=###,200,0}

在详细显示页时使用{$news.content}显示

则首页截取的字符串正常，详细页中的数据显示也是正常的，完整的javascript代码会显示，但不会执行。

ThinkPHP框架中使用富文本编辑器后如何输出相关推荐

vue获取编辑器纯文字_vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...
Django中使用富文本编辑器Uedit
Uedit是百度一款非常好用的富文本编辑器一.安装及基本配置官方GitHub(有详细的安装使用教程):https://github.com/zhangfisher/DjangoUeditor 1. ...
Django实现的博客系统中使用富文本编辑器ckeditor
操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-c ...
在Django项目中使用富文本编辑器
2019独角兽企业重金招聘Python工程师标准>>> 1 开发要点现在网上有很多的富文本编辑器,包括Markdown.tinymce.UEditor.KindEditor.cke ...
vue中使用富文本编辑器wangEditor及踩坑
因为上传图片的问题使用过了各种富文本,最后发现还是这个比较好用.分享记录一下. 安装 npm install wangeditor --save 新建一个wangeditor.vue(组件),代码内容 ...
React中使用富文本编辑器Quill，支持粘贴图片
最近项目中需要用到富文本编辑器,并且客户明确提出需要实现可以直接截图粘贴到文本框中. 由于我们的前端是用react写的,于是就去参考了知乎的实现,发现知乎的富文本框是可以直接贴图进去的,但由于看不到源 ...
react中使用富文本编辑器，发布文章
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 富文本编辑器,在开发中是常用的,下面直接进入正题了: 1. ...
react html编辑器,react项目中使用富文本编辑器
安装: cnpm install -D draft-js draftjs-to-html react-draft-wysiwyg // 用来指定商品详情的富文本编辑库 import React, { ...
在vue3中使用富文本编辑器WangEditor
yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --saveyarn add @wangeditor/editor-fo ...

ThinkPHP框架中使用富文本编辑器后如何输出

ThinkPHP框架中使用富文本编辑器后如何输出相关推荐

最新文章

热门文章