javascript - contenteditable に新しい行を追加すると単語数が間違っている

Answer 1

これを使用できます：

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

このようにして、内部のすべての要素を反復処理しdivてテキストのみを取得し、それらの間に「\ n」を挿入します。

Answer 2

ジェファーソンの答えは素晴らしく、まったく同じ問題で私を助けてくれました。私が遭遇した問題は、contenteditablediv の内容が HTML タグで完全にラップされていないことでした。

たとえば、mydivには次の 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 の行数が返されました。

これをジェファーソンの回答へのコメントとしてではなく、回答として追加して申し訳ありませんが、私の評判が低すぎてそれを行うことができません。ただし、上記を指摘する価値があると感じました。