前端多行文本末行打点

很多时候我们要实现如何的打点效果，可是英文字符和中文字符长度时不一样的，这个时候该如何实现如下效果呢？

至于展出操作应该是前端都能够处理的。
应该都知道英文占1个字符，中文汉字占2个字符。
将中文的字符长度按2个的位字符算出，然后想办法进行截取。
算出位字符长度：

      //  计算字符长度
      function  getStrlength(str){
          return str.replace(/[^\x00-\xff]/g,"aa").length;
      }

参考链接计算字符长度

废话不说，直接贴代码：

/* 
 * 处理过长的字符串，截取并添加省略号 
 * 注：半角长度为1，全角长度为2 
 *  
 * pStr:字符串 
 * pLen:截取长度 
 * return: 截取后的字符串 
 */  
function autoAddEllipsis(pStr, pLen) {  
    var _ret = cutString(pStr, pLen);  
    var _cutFlag = _ret.cutflag;  
    var _cutStringn = _ret.cutstring;  

    if ("1" == _cutFlag) {  
        return _cutStringn + "...";  
    } else {  
        return _cutStringn;  
    }  
}
/* 
 * 取得指定长度的字符串 
 * 注：半角长度为1，全角长度为2 
 *  
 * pStr:字符串 
 * pLen:截取长度 
 *  
 * return: 截取后的字符串 
 */  
function cutString(pStr, pLen) {   
    // 原字符串长度  
    var _strLen = pStr.length;    
    var _tmpCode;   
    var _cutString;  
    var _cutFlag = "1";  
    var _lenCount = 0;   
    var _ret = false;   
    if (_strLen <= pLen/2) {  
        _cutString = pStr;  
        _ret = true;  
    }  
    if (!_ret) {  
        for (var i = 0; i < _strLen ; i++ ) {  
            if (isFull(pStr.charAt(i))) {  
                _lenCount += 2;  
            } else {  
                _lenCount += 1;  
            }  
            if (_lenCount > pLen) {  
                _cutString = pStr.substring(0, i);  
                _ret = true;  
                break;  
            } else if (_lenCount == pLen) {  
                _cutString = pStr.substring(0, i + 1);  
                _ret = true;  
                break;  
            }  
        }  
    }
    if (!_ret) {
        _cutString = pStr;  
        _ret = true;  
    }
    if (_cutString.length == _strLen) {  
        _cutFlag = "0";  
    }  
    return {"cutstring":_cutString, "cutflag":_cutFlag};  
}  

function isFull (pChar) {  
    if ((pChar.charCodeAt(0) > 128)) {  
        return true;  
    } else {  
        return false;  
    }  
} 

可以按如下的方式进行测试：

var testStr = "测试1aa字符串"; 
console.log(autoAddEllipsis(testStr, 4))

线上实现效果：

展开：

字符串操作参考借鉴