jquery - focus() の後の contenteditable の余分な改行

Question

この JSFiddle テストを使用した Chrome/Safari で http://jsfiddle.net/YLqqE/

「こんにちは」と入力して Enter キーを押すと、テキストは最初に赤いボックスに表示され、次に青いボックスに移動します。

しかし、「こんにちは」と入力してボックスの外側をblur()クリックし、テキストをもう一度クリックして Enter キーを押すと、余分なスペースができます。

余分なスペースが表示されるのはなぜですか？どうすればそれを防ぐことができますか？

Answer 1

Enter キーを押すと、その div の html に改行が追加されます。div から改行を削除するには、正規表現で削除します。
$('#msg').append(newEl.html().replace(/(\r\n|\n|\r)/gm,""));

フィドル