[概要]
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の記事が届きます。)お役に立つかどうかわかりませんが頑張りますっ。登録してみてください。