Hatena::Groupvimperator

Vimple Star Sprites RSSフィード

 | 

2010-04-17

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

| 17:12 | RichTextEditorのコンテンツを外部エディタで編集するプラグイン - Vimple Star Sprites を含むブックマーク はてなブックマーク - RichTextEditorのコンテンツを外部エディタで編集するプラグイン - Vimple Star Sprites

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

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

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

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

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

プラグイン

問題点

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

LaganLagan2012/03/24 10:58That hits the target preftecly. Thanks!

bdadnvefbdadnvef2012/03/24 22:208s9j7U <a href="http://ctpuwpyuzqlh.com/">ctpuwpyuzqlh</a>

ipuzscipuzsc2012/03/27 06:29bYr8kR , [url=http://bvnkncrrtgdb.com/]bvnkncrrtgdb[/url], [link=http://arqvkqqqodah.com/]arqvkqqqodah[/link], http://aqvsvqrctuxo.com/

トラックバック - http://vimperator.g.hatena.ne.jp/teramako/20100417
 |