2

contentEditable機能とexecCommandを使用すると、すべての WYSIWYG Web エディターで使用されるように、ページの特定の部分のコンテンツを編集/フォーマットできます。ただし、このような機能の実装には多数のブラウザーの矛盾があり、そのような Web エディターはそれらを手動で処理する必要があります。

私の場合、IE はBoldおよびItalicコマンドにstrong要素とem要素を使用します。これは、 b、i、および/またはスタイル付きスパンのビジュアル スタイルのものではなく、セマンティックな strongおよびemの後にあるので、まさに私が望むものです。 . ただし、他のブラウザーはこれらのビジュアル スタイル要素を使用しており、 strong要素またはem要素を設定する方法を提供していません。

すべてのブラウザでstrongとemを使用できるようにする方法はありますか? IEの結果に近い結果が得られる限り、そのようなことを処理するための新しいコマンドを追加してもかまいません。また、交差するインライン/ブロック要素に、ブラウザーを壊すことなく (または少なくとも同じように壊すことなく) 適用できるとよいでしょう。はい、他のエディタもいくつか使用できますが、この機能だけに興味があります。助けていただければ幸いです。

ありがとうございました

4

2 に答える 2

1

私は同じ問題に遭遇したので、あなたが何を意味するのかを正確に知っています。ここで本当に一生懸命検索することは私が役立つと思うものです（StackOverflowのリンク）：

FirefoxでcontentEditableを使用する：「太字」は正しくレンダリングされますが、HTMLコードが正しくありません

ここでそれを見るには、execCommand（'bold'）の前に次の行を追加すると書かれています。

document.execCommand('StyleWithCSS', false, false);

Firefox 13.0.1にを挿入して、試して修正しました（この前に、FFは「font-weight：bold」を挿入しました）。私は今とても興奮しています。

于 2012-08-02T05:16:17.710 に答える
0

おそらく私は誤解していますが、em と strong は CSS を使用して好きなように設定できます。

strong{ font-weight:bold }
于 2010-12-16T12:51:10.290 に答える