切一的「鏈接」，如果它的長度超過30個字符

Question

我有一些HTML鏈接的文本，就像

<a href="urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser">urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser</a> 

，我需要剪切的文本（而不是鏈接），如果是長於一些字符（比方說30）。所以鏈接必須變得如下：

<a href="urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser">urlThatIne... ...TheBrowser</a> 

我該怎麼辦？正則表達式？我使用PHP和jQuery（但我想做它服務器端）。

Answer 1

可能有一個正則表達式的方法，但我會選擇一個簡單的substr()。

if (strlen($title)>30) { 
    $title=substr($title, 0, 10) . "..." . substr($title, -10); 
} 

Answer 2

據我所知，您不是創建此頁面，而是解析它。所以首先，我會建議使用dom解析器（我使用：http://simplehtmldom.sourceforge.net/），獲取錨元素的內部文本。使用substr（http://tr.php.net/manual/en/function.substr.php）方法將其剪下。

Answer 3

如果你想鏈接的文字，以表明它已被截斷......

function printLink($url){ 
    $text = strlen($url) > 30 
      ? substr($url, 30) . '…' 
      : $url; 

    echo '<a href="' . $url . '">' . $text . '</a>'; 
} 

printLink('urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser'); 
// <a href="urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser">urlThatIneedToCutBecauseItIsT…</a> 

Answer 4

只需使用CSS。

<a href="urlThatIneedToCutBecauseItIsTooLongAndWithoutEmptySpaceItDoestGetANewLineWhenItIsPrintedByTheBrowser">urlThatIne... ...TheBrowser</a> 

a { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 300px; 
    -o-text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis; 
}