php 将富文本编辑后的内容转义为不带HTML标签的字符

有时候为了限制表单提交的字数,如果不转义富文本的内容,那么统计的长度会不准确,如下图

富文本提交的表单内容为:

<p style="font-size:16px;font-family:Arial, 宋体;color:#333333;background-color:#FFFFFF;">? 全国金融工作会议14日至15日在北京召开。中共中央总书记、国家主席、中央军委主席出席会议并发表重要讲话。他强调,金融是国家重要的核心竞争力,金融安全是国家安全的重要组成部分,金融制度是经济社会发展中重要的基础性制度。必须加强党对金融工作的领导,坚持稳中求进工作总基调,遵循金融发展规律,紧紧围绕服务实体经济、防控金融风险、深化金融改革三项任务,创新和完善金融调控,健全现代金融企业制度,完善金融市场体系,推进构建现代金融监管框架,加快转变金融发展方式,健全金融法治,保障国家金融安全,促进经济和金融良性循环、健康发展。?</p>?<p style="font-size:16px;font-family:Arial, 宋体;color:#333333;">? 中共中央政治局常委、国务院总理李克强在会上讲话。中共中央政治局常委俞正声、王岐山、张高丽出席会议。?</p>

1.首先用htmlspecialchars_decode()函数将信息里的 <内容转换成html的标记,

2.再通过strip_tags()将html标记去除就可以获取到干净的内容了。

3.统计字数我用了mb_strlen(‘string‘,‘UTF8‘)这个函数,utf8格式时,一个汉字统计为一个字符长度

mb_strlen(strip_tags(htmlspecialchars_decode($data[‘answerPro‘])),‘UTF8‘);
时间: 2024-12-28 02:59:03

php 将富文本编辑后的内容转义为不带HTML标签的字符的相关文章

PHP将富文本编辑后的内容,去除样式图片等只保留txt文本内容

1.从数据库读取富文本内容样式如下: <p style=";text-indent: 0;padding: 0;line-height: 26px"><span style="font-family: 微软雅黑;letter-spacing: 0;font-size: 14px">&nbsp; &nbsp;这是一个小小的测试!这是一个小小的测试!这是一个小小的测试!这是一个小小的测试!这是一个小小的测试!</span&g

用Ueditor存入数据库带HTML标签的文本,从数据库取出来后,anjular用ng-bind-html处理带HTML标签的文本

ng.module('index-filters', []) .filter('trustHtml', function ($sce) { return function (input) { return $sce.trustAsHtml(input); } }); <tr ng-repeat="item in News" style="height:30px;"> <td>{{item.Title}}</td> <td&g

微信小程序使用wxParse实现接入富文本编辑

简介 微信小程序中比如活动说明,简介这样的图文介绍说明页面,后台通常配置成富文本编辑框,由后台直接输入内容,然后在小程序界面展现. 但是富文本编辑提取到内容是html格式的,写法与小程序的wxml并不一致,那么怎么样才能做到富文本能够在小程序页面中显示呢? 解决办法 有位大牛开发了一个模板叫作wxParse,可以直接引入小程序使用.下面把大牛的github地址贴上来: https://github.com/icindy/wxParse 想要了解更多的同学可以直接去他的github下查看说明文档.

深入理解javascript中的富文本编辑

前面的话 一说起富文本,人们第一印象就是像使用word一样,在网页上操作文档.实际上差不多就是这样.富文本编辑,又称为WYSIWYG (What You See Is What You Get所见即所得),指在网页中编辑富文本内容.本文将详细介绍如何通过javascript实现富文本编辑 方式 有两种编辑富文本的方式,一种是使用iframe元素,另一种是使用contenteditable属性 [1]iframe 在页面中嵌入一个包含空HTML页面的iframe.通过设置designMode属性,

javascript中的富文本编辑

一说起富文本,人们第一印象就是像使用word一样,在网页上操作文档.实际上差不多就是这样.富文本编辑,又称为WYSIWYG (What You See Is What You Get所见即所得),指在网页中编辑富文本内容.本文将详细介绍如何通过javascript实现富文本编辑 方式 有两种编辑富文本的方式,一种是使用iframe元素,另一种是使用contenteditable属性 [1]iframe 在页面中嵌入一个包含空HTML页面的iframe.通过设置designMode属性,这个空白的

laravel富文本编辑和图片上传

---恢复内容开始--- 首先先找到一个适合的编辑器是胜利的一步,选择wangEditor这个编辑器 地址:http://www.wangeditor.com/ 然后选择下载,我是通过网上学习的,所以直接选择的是2.1.23下载 下载后,将dist中的js/css/fonts,放到public文件夹下 当然后面我们需要查看文档中的信息 地址:https://www.kancloud.cn/wangfupeng/wangeditor2/113965 下一步: 我们需要把js/css引入html页面

.NET中应用Ueditor(富文本编辑)的配置和使用

一.Ueditor的下载 1.百度编辑器下载地址:http://ueditor.baidu.com/website/download.html 2.下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示: 3.编辑器展示: 二.Ueditor的使用 1.添加到项目中如图所示: 2.新建项目中进行引用 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestUeditor.a

功能强大的 iOS 富文本编辑与显示框架:YYText

功能强大的 iOS 富文本编辑与显示框架.(该项目是 YYKit 组件之一) 特性 API 兼容 UILabel 和 UITextView 支持高性能的异步排版和渲染 扩展了 CoreText 的属性以支持更多文字效果 支持 UIImage.UIView.CALayer 作为图文混排元素 支持添加自定义样式的.可点击的文本高亮范围 支持自定义文本解析 (内置简单的 Markdown/表情解析) 支持文本容器路径.内部留空路径的控制 支持文字竖排版,可用于编辑和显示中日韩文本 支持图片和富文本的复

UEditor富文本编辑框学习

1.首先需要引入CSS.JS 1 <!--富文本编辑框--> 2 <link href="${pageContext.request.contextPath}/css/plugins/umEditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"> 3 <link href="${pageContext.request.c