我們今天將為大家帶來的是關於需求：將一段文字截取一定的物理長度顯示，注意，要截取的不是字符串的字節數，UFT-8 的編碼中文字符是3個字節或者4個字節的，而顯示的時候中文會占兩個字符的長度，英文字符只占一個，全角的時候又有不同。
而且給的數據是HTML代碼串，比如這樣：
- < div class=”aaa”>
- < a href=”/aaa.php?id=1″>
- 張三
- < /a>
- 評論了
- < a href=”/aaa.php?id=444″>
- 李四
- < /a>
- 分享的
- < a href=”bbb.html”>
- 一篇文章文章一長串的東西
- < /a>
- < /div>
PHP HTML截取代碼的時候是要截取 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 標簽對應節點下面的文字節點的值的，那樣PHP HTML截取代碼就不會破壞任何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，很好用，它會把中文當作兩個字符長度處理，正好符合這裡的需求！而且PHP HTML截取代碼的時候用到了 mb_strimwidth，這個函數也會把中文當作兩個字符長度處理，mb_ 開頭的函數真是好用啊。
具體的PHP HTML截取代碼代碼我就不寫出來了，因為是針對一個需求寫的，沒做成通用的形式。哪天我有時間做成通用的再發布一下。
另外，可惜FireFox不支持 text-overflow 屬性，不然也不用後台那麼辛苦地去截斷了。如果大家有更好的方法，歡迎提出！不勝感激。
