如何将额外文本替换为（…）使用javascript

Question

我有一个文本字段，用户在其中写东西，我用javascript获取文本框的文本，并在段落中显示。我有文字限制的段落像50 chrac。如果用户编写的chrac超过50个，我想显示（…）45小时后，chrac。可以使用javascript吗？

像这样的段落是用户写的，它的50多个chrac。

Lorem ipsum dolor坐在那里，奉献给我们，我们的工作和伟大的礼物。在有限的条件下，在有限的条件下，在有限的条件下进行锻炼。

我想把这个展示成

Lorem ipsum Door sit amet，一位杰出的领导者，他是一位临时工程师（……）

可以使用javascript吗？

Answer 1

是的，这是可能的。您可以使用下一个函数缩短字符串：

var str='Lorem ipsum…'；var shortedStr=str.substr（0,50）“（…）”

不管怎样，你可以通过CSS自动完成。你已经有了这个问题的答案：

用CSS截断长字符串：可行吗？

Answer 2

如果文本长度超过50个字符，下面将在集合中的每个元素的45个字符之后追加（...）。

elem = $('p');

elem.each(function(){
   curTxt = $(this).text();
    $(this).text(curTxt.length > 50 ? curTxt.substring(0,45)+'...' : curTxt);
});

JSFiddle

Answer 3

$('textarea').on('keyup', function() {
    var v = this.value.length > 50 ? this.value.substr(0,45) + '(...)' : this.value;
    $('#result').text( v );
});

小提琴

以下是您在最后一句话时如何将其切断：

小提琴