如何使用javascript用(…)替换额外的文本

Question

我有一个文本文件，用户在这里写东西，我用这个文本框的javascript获得文本，并在段落中显示它。我有段落的文本限制，比如50个chrac。如果用户写了超过50个chrac我想显示（...）在45个chrac之后。是否可以使用JavaScript？

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

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eusmod tempor incidunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exerition ullamco laboris nisi Ut aliquip ea commodo insulat.

我想把它显示为

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incidunt（....）

是否可以使用JavaScript？

Answer 1

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

elem = $('p');

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

JSfiddle

Answer 2

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

小提琴

这是你在最后一个词时会怎么截断的：

小提琴