PHP HTML代码串 截取实现代码

而且给的数据是HTML代码串，比如这样：

<div class=”aaa”><a href=”/aaa.php?id=1″>张三</a>  评论了 <a href=”/aaa.php?id=444″>李四</a> 分享的 <a href=”bbb.html”>一篇文章文章一长串的东西</a></div>

截取的时候是要截取 div 标签内部的东西，而且要保留HTML标签，只是对其中的文字做处理。比如我可能只是截取到“李四”的“李”字，但是如果就这样放到前端的话，“李四”前面的 a 标签是没有闭合的，所以截取之后要保证HTML的语法正确。

这个问题确实不太好搞，让我郁闷了两天。请注意，这只是一个字符串，只不过内容是HTML代码，是没有什么DOM的。如果是在前端处理就好办了，直接DOM获取，然后对里面的节点进行处理，最后把innerHTML 之类的东西输出就搞定了。现在可不行了，得换个思路。同事的思路是这样的：

遍历字符串的每一个字符。设置一个标记，碰到标签开始的标记< 就置为1，接下来的字符都不记数，然后碰到>之后再开始计数。对标签内部的字符串处理的时候，还要先判断当前字符的编码是不是可能是中文，一般来说PHP中 UTF-8 编码的中文字符的长度都是3，所以如果碰到是中文字符编码，就要跳过两个不记数……说到这里我自己头已经开始大了。个人认为这种方法很不爽，首先这种精致的逻辑不太容易控制，而且 UFT-8 编码下中文产生的长度有可能是3个或4个 所以代码的严密性值得怀疑。

我个人的思路是，用 Tidy 来搞（具体用法请看PHP手册吧）。昨天研究了一下那个 Tidy ，发现这个东西还是挺好用的。首先，把这个字符串转换成 Tidy 对象，这样：

$tidy = tidy_parse_string($str, array(), ‘utf8′);  // 最后一个是设置编码的，注意，这里是utf8 ，不是utf-8，没有中间那个连线。

然后获取$tidy中的 body（因为转换之后$tidy会自动加上<head><body>等标签）：

$body =  tidy_get_body($tidy);

这个时候你可以用 var_dump 看一些 $body 的结构，会发现它把每个标签都变成了一个对应的对象，里面有相应的属性。举例来说，比如 <a href=”#”>sdf</a> ，这么一条语句对应的一些属性有：

name=>”a”
value => “<a href=”#”>sdf</a>”
child=> array{[0]=>一个文本节点对象，value是 sdf}
attribute=array{”href”=>”#”}
…..其他属性

可以看到，我们其实是可以单独去处理 a 标签对应节点下面的文字节点的值的，那样就不会破坏任何HTML完整性。原来我以为改变 a 标签中文字节点的值之后， a 标签的value也会跟着改变，那样我直接返回a标签对应节点的value就OK了，没想到不是那个样子，哎，所以处理过其中的文字之后还是要自己拼出新的HTML。

知道了Tidy对象的结构之后，一切就好办了，只要遍历所有的节点，对于本需求来说，就是找到那个 div 标签，然后开始处理里面的节点。代码如下：

if(mb_strwidth($subchild->value, ‘utf-8′) >= $len)
{
$subchild->value = mb_strimwidth($subchild->value, 0, $len, ‘…', ‘utf-8′);
$trimed_str .= $subchild->value;
break;
}
else
{
$trimed_str .= $subchild->value;
$len = $len - mb_strwidth($subchild->value, ‘utf-8′);
}

里面的$subchild 就是一个子节点。注意，这里使用了 mb_strwidth 来获取字符串长度。严重推荐一下这个 mb_strwidth，很好用，它会把中文当作两个字符长度处理，正好符合这里的需求！而且截取字符串的时候用到了 mb_strimwidth，这个函数也会把中文当作两个字符长度处理，mb_ 开头的函数真是好用啊。

具体代码我就不写出来了，因为是针对一个需求写的，没做成通用的形式。哪天我有时间做成通用的再发布一下。

另外，可惜FireFox不支持 text-overflow 属性，不然也不用后台那么辛苦地去截断了。如果大家有更好的方法，欢迎提出！不胜感激。

赞 (0)

相关推荐

  • PHP HTML代码串 截取实现代码

    而且给的数据是HTML代码串,比如这样: <div class="aaa"><a href="/aaa.php?id=1″>张三</a>  评论了 <a href="/aaa.php?id=444″>李四</a> 分享的 <a href="bbb.html">一篇文章文章一长串的东西</a></div> 截取的时候是要截取 div 标签内部的东西,而且

  • PHP HTML代码串截取代码

    而且给的数据是HTML代码串,比如这样: <div class="aaa"><a href="/aaa.php?id=1″>张三</a> 评论了 <a href="/aaa.php?id=444″>李四</a> 分享的 <a href="bbb.html">一篇文章文章一长串的东西</a></div> 截取的时候是要截取 div 标签内部的东西,而且要

  • Struts2截取字符串代码介绍

    在开发中,经常会遇到字符串太长,需要适当截取后再显示的问题,其实实现方式有几种: · 在后台截取后之后再传回页面显示 · 在页面用标签或代码实现 · 在前台使用脚本来处理,此方法不推荐 · 通过样式控制,增加overflow:ellipse等实现,此方法也不推荐 · 其他方式 那么如何用struts2标签来截取字符串呢?网上对这一问题众说纷纭,更有人说根本不能实现,其实实现方法很简单: 首先,你必须用<s:set >将获取的字符串存到一变量里面,以str属性为例 直接获取<s:set n

  • JavaScript 截取字符串代码实例

    这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 <script> $(document).ready(function () { //下标从0开始 let str = '123456789'; //使用一个参数 console.log(str.slice(3)) //从第4个字符开始,截取到最后个字符;返回"456789" console.log(str.

  • java 代码块与静态代码块加载顺序

    java 代码块与静态代码块加载顺序 public abstract class ClassLoadingTest { public static void main(String[] args) { User user3 = new User(); } } public class User { public static User user= new User("wang",18); public static void userSay(){ System.out.println(

  • 深入浅析Java中普通代码块、构造代码块与静态代码块

    //执行顺序:(优先级从高到低.) 静态代码块>mian方法>构造代码块>构造方法. 其中静态代码块只执行一次.构造代码块在每次创建对象是都会执行. 1.普通代码块 public static void main(String[] args) { /*普通代码块: *直接定义在在方法或语句中出现"{普通代码的执行语句}"的就称为普通代码块. *普通代码块执行顺序由他们在代码中出现的次序决定--"先出现先执行" * */ { System.out.p

  • 在HTML代码中使用JavaScript代码的例子

    <script></script> 标签 要在 HTML 中使用 JavaScript ,需要使用 <script></script> 标签,并定义 type 属性值为 text/javascript ,正如前面的 alert 弹出提示框 例子所示: 复制代码 代码如下: <script type="text/javascript"> alert("我是提示文字!"); </script> 通常

  • Android的WebView与H5前端JS代码交互的实例代码

    Android的WebView与H5前端JS代码交互的实例代码

    前段时间项目有深度和前端对接过,也是碰了一些坑,现在有时间就拿出来分享下 JS调用原生不外乎就两种,一种是传假的url,也就是url拦截的方式,类似于下面这种: //js代码 function sendCommand(param){ var url="js-call://"+param; document.location = url; } sendCommand("PlaySnake"); //Java代码 mWebView.setWebViewClient(ne

  • java中的静态代码块、构造代码块、构造方法详解

    运行下面这段代码,观察其结果: package com.test; public class HelloB extends HelloA { public HelloB() { } { System.out.println("I'm B class"); } static { System.out.println("static B"); } public static void main(String[] args) { new HelloB(); } } cla

  • JavaScript代码应该放在HTML代码哪个位置比较好？

    在哪里放置 JavaScript 代码? 通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方.但放置的地方,会对 JavaScript 代码的正常执行会有一定影响,具体如下所述. 放置于<head></head>之间 将 JavaScript 代码放置于 HTML 文档的 <head></head> 标签之间是一个通常的做法.由于 HTML 文档是由浏览器从上到下依次载入的

随机推荐