Vimple Star Sprites

RichTextEditorのコンテンツを外部エディタで編集するプラグイン

plugin | 17:12 |

単なるテキストボックスじゃなくて、Cross-Browser Rich Text Editor (RTE) みたいなやつね。これを外部エディタで編集しよう、というプラグイン。

おそらく最も身近な例だと、Gmailのメール作成で「リッチテキスト形式」を選んだときの編集領域もそう

もともと、Vimperatorというか姉妹のMuttator(Thunderbird用拡張機能)のメール作成を外部エディタで出来る機能があるんだけども、それがやっていることとRTEのやっていることって似ている。というか、メール編集のウィジェットはXULのeditorというブラウザみたいな要素であり、それとRTEみたいなiframe.contentWindow.document.designMode="on"となっているwindowとは同じインターフェースが使える。

メール作成に限らずより一般化したAPIを作ろうとVimperator本体を弄っていたんだけど、なかなか考慮事項が多くてうまくいかない。とりあえずプラグイン化して問題を修正してから本体に取り込もう、というわけ。

人柱となってフィードバックをくれる方を募集しますw

プラグイン

問題点

• メール作成時はテキスト編集、RTEの場合はHTML編集としたいが、その判別がきちんと出来ていない
  • メール作成ではテキストモードであるかHTMLモードであるかを判別する必要もある
• 現在、HTML編集して保存したとき、そのテキストをnsIScriptableUnescapeHTMLを使用してdocumentFragmentを生成しているが、styleやscriptなどの要素が抜け落ちるRangeオブジェクトのcreateContextualFragmentメソッドで解決