[wysiwyg bootstrap] Hタグの適用について

[概要]
wysiwyg エディタを使用したが、以下うまく動かず(バグ?)

・Hをボタンにして設置。押しても効かない

・Hボタン押下時、BOLDボタンが反応してしまう。

・formatBlock h2が適用されるようだがqueryCommandStateコマンドが効かない(Mozilaでバグ報告あり)

・formatBlock h2が適用されるようだがもう一度ボタンを押しても戻らない(BoldやItalicはOn Offの切り替えがコマンドで自動制御できているらしい)

[HTML側]

以下のように編集

<div class=”btn-group”>

<a class=”btn formatBlockh2″ data-edit=”formatBlock h2″ data-original-title=”formatBlock h2″ title=”formatBlock h2″>H</a>
<a class=”btn formatBlockh3″ data-edit=”formatBlock h3″ data-original-title=”formatBlock h3″ title=”2nd-level header”>h</a>
</div>

編集しているのでダウンロードして参考にしてみて下さい。
bootstrap-wysiwyg

※IEに対応する場合は、以下の書き換えが必要です。
・formatBlockのパラメータに<h2>等のようにタグ表現にする必要があります。

・解除時に使用している<p>タグも対象外とのことですので<pre>で対応する必要があります。

(今回解除時にNULLが動作しないため<p>タグを利用して置換するということをしていますが

他によいやり方があれば是非ご報告ください)



メルマガ登録をお願いします。

素敵な?情報がいつもあなたに届くようになります。(itmnewsの記事が届きます。)お役に立つかどうかわかりませんが頑張りますっ。登録してみてください。