最も単純なWYSIWYGエディターを作成しましたが、各ブラウザーで他のhtmlコードを生成しました。私が使用するもの：
a.execCommand('useCSS', false, true);
a.execCommand('styleWithCSS', false, false);
例：Enterキーを使用するとChromeは不要なdivを生成<p>します...新しい行に移動するとIEはタグを生成します... Firefoxは私のために最高のコードを生成し、古いbrを挿入します:)
違いが大きすぎるため、結果のスタイルを作成する必要があります。
Enter/Return キーを押したときの div、p、または br の挿入は、useCSS/styleWithCSS オプションでは制御されません。このオプションはスタイル専用です。押したときに何が起こるかenter/returnは、完全にブラウザ固有です。動作を正規化するために、リターン キー (コード 13) のキー ハンドラーをコーディングして、が押されたときに好きなものを挿入する<br>ことができます。\nenter
まさにこのためのキー ハンドラーの作成を開始するには、次の質問を参照してください。
contenteditable で Enter キーを押して <div></div> の代わりに <br> を作成します