技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット

こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con

[kjw_junichi]

おかげでやりたかったクリップボードからHTMLを取り出せた！ http://jsdo.it/kjunichi/znOJ

[typista]

ぽけったー Iframe の designMode="on" によるリッチテキストエディット : 技術メモ帳

[atsutoms]

suim

[gayou]

WYSIWIGエディタ

[webmarksjp]

javascript

[nbqx69]

へぇー知らんかった。firefoxのみ。

[iiiiiiiii]

ブラウザ　リッチエディタ

[typester]

Firefox

[hiro_y]

iframe.contentDocument.designMode="on"で編集可能に。

[yugui]

JavaScriptからデザインモードにできる

[antipop]

iframe.contentDocument.designMode = "on";

[xondhi]

へぇ～