3

選択したテキストをH2タグでラップする次のコードがあります。

問題は、Firefoxでのみ機能することです(IEではまだテストしていませんが)。SafariやChromeでは動作しません。

私は何かを逃したことがありますか、それともこの機能はすべてのブラウザと互換性がないだけですか?

<button onclick="document.execCommand('heading',false,'h2');">heading</button>

<div class="editable" contentEditable>
    <p>Add content here...</p>
</div>
4

2 に答える 2

11

[注:document.execCommandおよびその機能は現在広くサポートされています。]

あなたはおそらくすでに答えを見つけていますが、私は同じ問題に遭遇したので、これを投稿します:

広くサポートされている機能ではありません。 ここに示されているように: http ://www.quirksmode.org/dom/execCommand.html#t013

formatBlockを使用する必要があるようです。

document.execCommand('formatBlock', false, '<'+dataValue+'>');  //dataValue must be h2 in your case
于 2012-10-17T14:14:47.917 に答える
1

H2タグを作成するには、次を使用する必要があります

document.execCommand('formatBlock',false,'h2')

それが動作します。

于 2018-10-21T15:55:23.450 に答える