Textarea - 获取每一行，找到换行符

Question

我想在textarea中获得每一行。 textarea很小，根据宽度限制包装单词。 所以我尝试过：

// Sample text: I want to find(line wrapped) all lines here

$("#textarea1").val().split(/(\r\n|\n|\r)/gm).length
// 1, not the right length, should be 2

$("#textarea1").val().split(/\r?\n/g).length
// 1

$("#textarea1").val().split("\n").length
// 1

$("#textarea1").val().split("\r").length
// 1

我也试过wrap="hard"和white-space: pre-wrap单独和一起white-space: pre-wrap 。

似乎没有找到换行符 !! 需要帮助，谢谢。

Answer 1

我认为就像你说的那样：textarea根据宽度限制包装单词 - 这意味着你找不到换行符。 您要查找的换行符是字符，并且这些字符尚未插入到您的文本中。

Answer 2

所以我这样做的方式是：

• 克隆有textarea in question - $("#text")的textarea in question - $("#text")到透明文本区域。 使用透明字体。
• 将clone的id值更改为，例如$("#newtext")并将其附加到DOM。
• 在每个keyup上，我们在this character's keyup之前取值$（“＃text”）。 将该值放入$("#newtext")并检查$("#newtext").get(0).scrollHeight() > $("#newtext").height() 。 如果为true => this字符导致换行符。
• 在循环中增加$("#newtext")行，直到
  $("#newtext").get(0).scrollHeight() === $("#newtext").height()
• 在this字符前取文字，添加\\n ， this字符添加到$("#newtext").val()
• 将$("#newtext").val()应用于$("#text").val() 。
• 从DOM中删除$("#newtext") 。
• 在每个keyup事件上重复上述所有步骤

以上答案适用于类似的行 - stackoverflow.com/questions/3738490/finding-line-wraps - evolutionxbox昨天

因此，基本上我们将换行符转换为换行符，可以使用$("#text").val().split("\\n") 。

（注意 - 如果我们不将透明文本区域附加到DOM，则其scrollHeight()将是undefined ）