DIV CSS 佈局教程網

今天收到個需求：
1，給一個文字，對輸出的文字進行截取，保留400個字符
2，截取內容最後如果是url，保留完整url地址
3，添加省略號......
----
其中對url的保留比較麻煩，尤其是有兩個相同url時不能采用indexOf獲取其字符位置。
處理結果：

相關代碼：
復制代碼 代碼如下:
String.prototype.sizeAt = function(){
var nLen = 0;
for(var i = 0, end = this.length; i<end; i++){
nLen += this.charCodeAt(i)>128?2:1;
}
return nLen;
};
String.prototype.cutStr = function(n, sCut){
if(this.sizeAt() <= n){
return this;
}
sCut = sCut || "";
var max = n-sCut.sizeAt();
var nLen = 0;
var s = this;
for(var i =0,end = this.length;i<end;i++){
nLen += this.charCodeAt(i)>128?2:1;
if(nLen>max){
s = this.slice(0,i);
s += sCut;
break;
}
}
return s.toString();
};
String.prototype.cutStrButUrl = function(n, sCut){
if(this.sizeAt() <=n){
return this.toString();
}
sCut = sCut || "";
var max = n-sCut.sizeAt();
var s = this;
//查找所有包含的url
var aUrl = s.match(/https?:\/\/[a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+([-_A-Z0-9a-z\$\.\+\!\*\/,:;@&=\?\~\#\%]*)*/gi);
//當第max個字符剛好在url之間時，bCut會被設置為flase;
var bCut = true;
if(aUrl){
//對每個url進行判斷
for(var i=0, endI = aUrl.length;i<endI;i++){
var sUrl = aUrl[i];
//可能出現兩個相同url的情況
var aP = s.split(sUrl);
var nCurr = 0;
var nLenURL = sUrl.sizeAt();
var sResult = "";
for(j = 0, endJ = aP.length; j<endJ; j++){
nCurr +=aP[j].sizeAt();
sResult +=aP[j];
sResult += sUrl;
//當前字數相加少於max但添加url超過max：即會截到url
if(nCurr < max && nCurr + nLenURL>max){
s = sResult + sCut;
bCut = false;
break;
}
nCurr += nLenURL;
}
if(bCut === false){
break;
}
};
}
if(bCut){
s = s.cutStr(n, sCut);
}
return s.toString();
};
console.log('正常截取20個字符'.cutStrButUrl(20,'......'));
console.log('正常截取20個字符,但我超了'.cutStrButUrl(20,'......'));
console.log('有url的字符串http://www.baidu.com你能截取到嗎？'.cutStrButUrl(20,'......'));
console.log('http://www.baidu.com有兩個相同url的字符串http://www.baidu.com好嗎？'.cutStrButUrl(51, '......'));