HTML5 / 06. RichText


久々に勉強の続き。

<div contenteditable=”true”>…</div>とすればtextareaじゃなくても、内容を変更可能に出来る。
contenteditable=”false”で不可設定も。
designMode=”on”でDocumentまるごと編集可にしたり、iFrameごと編集可にもできるらしい。

さらに、document.execCommand() でいくつか用意されたWYSIWYGぽい操作を可能にできる。
bold, CreateLink, delete, FormatBlock,… とかとか。(詳しくはコチラ)
document.execCommand(‘bold’) とかなら、ボタンクリックで選択した文字列を太字に出来る。

ただ、これまたブラウザによって実装はまちまち。
firefoxなら引数が必ず3つ必要で execCommand(‘bold’, false, false) にするとか。
動かないものもあったりとか。(こちらでざっくり確認できます)

WYSIWYGエディタ作らなきゃとかじゃない限り、しばらくはTinyMCEとかがイイのかな。

Error: Suspended

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です