如何在文本中添加椭圆

How Do I Add Ellipses to Text

本文关键字：添加 文本      更新时间：2023-09-26

我正在尝试创建一个函数，该函数将接受元素的文本，剪切80以外的任何字符，并在必要时添加省略号。到目前为止，这是我的代码：

var maxLength = 80;
function shorten(element) {
  var text = $('#' + element).text();
  var ret = text;
  if (text.length > maxLength) {
    text = text.substr(0,maxLength-3) + "...";
  }
$('#' + element).text(text);
}
shorten('slide1');

因此，函数应该删除元素，删除末尾的额外文本，添加省略号，然后用我刚刚创建的新字符串替换元素中的旧文本。

当我运行这个函数时，我没有得到任何错误，但它并没有像它应该的那样切断文本。为什么会这样？

var text = "Some Text Goes Here. La La La La!";
var textLength = 10; // Number of characters to cut off after
function shorten(text, textLength){
    if(text.length > textLength){
        text = text.substring(0, textLength) + '…';
    }
    return text;
}
var shortText = shorten(text, textLength);

此外，使用HTML字符表示省略号比使用三个句点要好。

我添加了一个Codepen，显示代码正在工作。此外，我添加了一个函数spaceShorten，它将在最后一次出现小于所提供长度的空格时拆分文本，这样就不会在单词中间拆分文本。

http://codepen.io/supah_frank/pen/EaYzNz

相关文章：