PHP实现HTML标签自动补全代码
更新时间：2012年10月04日 18:32:17 作者：
开发各种项目中经常遇到截取html字符串问题。 比如博客文章列表页面截取一部分正文、文章正文翻页截取等
一般情况下先用PHP的 strip_tags 函数去掉所有html标签，再去掉空格等，然后再用substr或者自己实现的cn_substr函数来实现截取。因为如果不先去掉html标签，直接截取出来的字符串就会有没有闭合的标签出现，有时甚至会截取在标签上面比如
今天遇到一个内容翻页截取问题： 正文是用富文本编辑器写入的，编辑器上有个分页按钮，点击之后就往当前光标位置插入一个蓝色的
横线。然后php直接存入数据库。显示的时候，用 explode 函数根据这个
标记来分成一个数组，然后根据当前页码来显示某个片段。 但是有个严重的问题，比如富文本编辑器写入：
<div style="text-align:center">
content of page 1
<hr />
page 2 content
</div>
如果用explode函数分开后，
第一页的内容是
<div style="text-align:center">
content of page 1
第二页的内容是：
page 2 content
</div>
这样就产生了没有闭合的标签，直接显示到页面上面就会破坏页面布局。。。
想了很久，也找了网上很多 closetag函数。但是发现都针对第一页那种没有闭合的标签的闭合。对于第二种没有开头的标签就没办法了。
针对第一页那种没有闭合的标签的闭合的closetags方法是：
function closetags($html) {
// 不需要补全的标签
$arr_single_tags = array('meta', 'img', 'br', 'link', 'area');
// 匹配开始标签
preg_match_all('#<([a-z]+)(?: .*)?(?<![/|/ ])>#iU', $html, $result);
$openedtags = $result[1];
// 匹配关闭标签
preg_match_all('#</([a-z]+)>#iU', $html, $result);
$closedtags = $result[1];
// 计算关闭开启标签数量，如果相同就返回html数据
$len_opened = count($openedtags);
if (count($closedtags) == $len_opened) {
return $html;
}
// 把排序数组，将最后一个开启的标签放在最前面
$openedtags = array_reverse($openedtags);
// 遍历开启标签数组
for ($i = 0; $i < $len_opened; $i++) {
// 如果需要补全的标签
if (!in_array($openedtags[$i], $arr_single_tags)) {
// 如果这个标签不在关闭的标签中
if (!in_array($openedtags[$i], $closedtags)) {
// 直接补全闭合标签
$html .= '</' . $openedtags[$i] . '>';
} else {
unset($closedtags[array_search($openedtags[$i], $closedtags)]);
}
}
}
return $html;
}
后来想了一个办法，利用浏览器自己的html解释引擎来帮助补全有问题的html片段。具体做法如下：
<script>
var div = document.createElement('div');
div.innerHTML ='<?php echo ("<div>这里是被截取的html片段");?>';
document.write(div.innerHTML);
</script>
原理就是先把html片段写入到一个空的div里面，然后再从这个div里面读取出来。别看写入和读取的属性都是innerHTML，写入的内容和得到的内容是不一样的噢。如果写入不完整的html片段，浏览器会自动补全修正。读取出来的时候就已经是完整的html dom 片段了。
可是这样有个弊端，由于是Js加载内容信息的，会对搜索引擎优化不好。
复制代码 代码如下:
</di ...
今天遇到一个内容翻页截取问题： 正文是用富文本编辑器写入的，编辑器上有个分页按钮，点击之后就往当前光标位置插入一个蓝色的
复制代码 代码如下:
<hr />
横线。然后php直接存入数据库。显示的时候，用 explode 函数根据这个
复制代码 代码如下:
<hr />
标记来分成一个数组，然后根据当前页码来显示某个片段。 但是有个严重的问题，比如富文本编辑器写入：
复制代码 代码如下:
<div style="text-align:center">
content of page 1
<hr />
page 2 content
</div>
如果用explode函数分开后，
第一页的内容是
复制代码 代码如下:
<div style="text-align:center">
content of page 1
第二页的内容是：
复制代码 代码如下:
page 2 content
</div>
这样就产生了没有闭合的标签，直接显示到页面上面就会破坏页面布局。。。
想了很久，也找了网上很多 closetag函数。但是发现都针对第一页那种没有闭合的标签的闭合。对于第二种没有开头的标签就没办法了。
针对第一页那种没有闭合的标签的闭合的closetags方法是：
复制代码 代码如下:
function closetags($html) {
// 不需要补全的标签
$arr_single_tags = array('meta', 'img', 'br', 'link', 'area');
// 匹配开始标签
preg_match_all('#<([a-z]+)(?: .*)?(?<![/|/ ])>#iU', $html, $result);
$openedtags = $result[1];
// 匹配关闭标签
preg_match_all('#</([a-z]+)>#iU', $html, $result);
$closedtags = $result[1];
// 计算关闭开启标签数量，如果相同就返回html数据
$len_opened = count($openedtags);
if (count($closedtags) == $len_opened) {
return $html;
}
// 把排序数组，将最后一个开启的标签放在最前面
$openedtags = array_reverse($openedtags);
// 遍历开启标签数组
for ($i = 0; $i < $len_opened; $i++) {
// 如果需要补全的标签
if (!in_array($openedtags[$i], $arr_single_tags)) {
// 如果这个标签不在关闭的标签中
if (!in_array($openedtags[$i], $closedtags)) {
// 直接补全闭合标签
$html .= '</' . $openedtags[$i] . '>';
} else {
unset($closedtags[array_search($openedtags[$i], $closedtags)]);
}
}
}
return $html;
}
后来想了一个办法，利用浏览器自己的html解释引擎来帮助补全有问题的html片段。具体做法如下：
复制代码 代码如下:
<script>
var div = document.createElement('div');
div.innerHTML ='<?php echo ("<div>这里是被截取的html片段");?>';
document.write(div.innerHTML);
</script>
原理就是先把html片段写入到一个空的div里面，然后再从这个div里面读取出来。别看写入和读取的属性都是innerHTML，写入的内容和得到的内容是不一样的噢。如果写入不完整的html片段，浏览器会自动补全修正。读取出来的时候就已经是完整的html dom 片段了。
可是这样有个弊端，由于是Js加载内容信息的，会对搜索引擎优化不好。
相关文章
最近发现有很多网友都提出一个问题：程序的编译与解释有什么区别？这篇文章就为大家介绍了编译和解释的区别，需要的朋友可以参考下2016-12-12
这篇文章主要介绍了ISO-8859-1 、Latin-1 西欧编码介绍及应用,需要的朋友可以参考下2016-06-06
XXencode 编码，XX编码介绍、XXencode编码转换原理与算法
这篇文章主要介绍了XXencode 编码，XX编码介绍、XXencode编码转换原理、算法,需要的朋友可以参考下2016-06-06
本文给大家分享的是Burp Suite Pro1.7.36安装配置使用教程，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2021-09-09
支付宝 接口开发帮助(asp,php,asp.net,jsp)
支付宝的接口开发使用的技术含量并不高！因为使用的是HTTP普通GET和Post方式传递数据，而这些数据是传给您的程序由您的程序任意处理和支付宝服务器处理，所以重点在再流程和传参！2009-06-06
Win10环境借助DockerDesktop部署大数据时序数据库Apache Druid的操作方法
文章介绍了如何在Windows 10环境下使用Docker Desktop部署最新版的大数据时序数据库Apache Druid 32.0.0,通过官方提供的docker-compose.yml文件和环境配置,成功启动了Zookeeper、PostgreSQL和6个Druid容器,感兴趣的朋友一起看看吧2025-02-02
这篇文章主要介绍了鸿蒙中Axios数据请求的封装和配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2025-04-04
这篇文章介绍了使用git命令将本地代码上传到GitHub，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
superset在linux和windows下的安装和部署详细教程
Superset 是 Airbnb开源的数据探查与可视化平台，是个轻量级的BI工具，开发者可以在其开源代码上根据需要进行二次开发。这篇文章主要介绍了superset在linux和windows下的安装和部署详细教程,需要的朋友可以参考下2020-10-10
这篇文章主要介绍了编程知识点(1)关键词之存储类型的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-07-07
最新评论