javascript - 在 contenteditable 中添加新行时字数错误

Answer 1

你可以使用这个：

$("#post_content").children().each(function(index, el){buffer += $(el).text()+"\n"})

这样，您可以遍历您内部的所有元素div并仅获取文本，在它们之间放置一个“\n”。

Answer 2

杰斐逊的回答很棒，它帮助我解决了同样的问题。我遇到的问题是我的contenteditablediv 的内容没有完全包裹在 HTML 标签中。

例如，我div包含以下 HTML 代码：

This is my first line<div>This is my second line</div>

通过使用$.children()，它忽略了第一行，只返回了 5 个字数。为了解决这个问题，我$.contents()改用了。修改后的代码如下：

$("#post_content").contents().each(function(index, el){buffer += $(el).text()+"\n"})

这返回了 10 的行数。

Apologies for adding this as an answer and not as a comment to Jefferson's answer, however my reputation is too low to allow me to do that. I felt it was worth pointing the above out though.