html - 空のままにすると、contenteditablehtml要素に挿入されます

Question

があり、<div contenteditable="true"></div>それにコンテンツを入力してからこれらのコンテンツを削除する<br>と、ブラウザがこの要素に要素を自動的に挿入しているように見えます。

誰かがこれを経験したことがありますか？それを修正する方法を知っていますか？

Answer 1

Web アプリの機能を開発する前に、この問題に遭遇しました。これはブラウザのデフォルトの動作です。テキストエディタの改行と同じです。これを処理する最善の方法は、コンテンツを送信/取得してタグを削除するときにコンテンツで RegEx を実行し、テキストが利用できない場合は空白にすることです。

私は通常 <br> タグを使用して、改行がどこにあるかを把握します。一部のブラウザでは <p> タグが使用されているため、必ずクロスブラウザ テストを行ってください。