tracwysiwygplugin
DESCRIPTION
TRANSCRIPT
TracWysiwygPlugin
自己紹介
大前 潤 (おおまえ じゅん) jun66j5 TracWysiwygPlugin 作ってます
http://trac-hacks.org/wiki/TracWysiwygPlugin
TracWysiwygPlugin
で。
TracWysiwygPlugin の紹介
TracWysiwygPlugin
できること #1 WYSIWYG として一通りの機能
ボールド、イタリック、下線
上記のものに対するキーバインド
等幅フォント、上付き文字、下付き文字、取り消し線
ヘッダ1 ～ ヘッダ6、コードブロック、引用
箇条書き、番号付きリスト
テーブル - 行及び列の追加・削除、セル内の編集
Word/Excel からのテーブル貼り付け、それなりに
TracWysiwygPlugin
できること #2 自動リンク
URL 文字列
TracLinks 文字列
autolink チェックボックスで on/off 可能
編集モードをその場で切り替え可能(textarea <=> wysiwyg)
切り替え時にサーバに問い合わせない
Trac 0.10, Trac 0.11 に対応
Firefox 2, IE6/7, Opera 9, Safari 3 に対応
Safari 2 は部分的にだけ対応
TracWysiwygPlugin
できないこと
Trac Wiki で表現できないような HTML テーブルの中にテーブルやリスト
引用の中にテーブルやリスト
マクロの展開
Processor つき code block の展開
dl/dt/dd の生成
文字色、背景色、文字サイズの指定
TracWysiwygPlugin
実装
ほとんどの実装が javascript javascript : python = 98% : 2% WYSIWYG エディタはフルスクラッチ
TracWiki テキスト <=> DOM 変換器
python は javascript のロードをお膳立てするだけ
WYSIWYG エディタのロード
<textarea class="wikitext"> を探して iframe, WYSIWYG 用ツールバーを生成
Trac Wiki のツールバーと同じ戦略
wiki ページに限らずすべてのページで WYSIWYG が有効に
TracWysiwygPlugin
インストールなしで使う
プラグインをインストールせずに bookmarklet でロード
javascript:(function(d,u){var s=d.createElement('script');s.charset='utf-8';s.src=u;d.getElementsByTagName('head')[0].appendChild(s)})(document,'http://trac-hacks.org/svn/tracwysiwygplugin/0.10/bookmarklet.js')
TracWysiwygPlugin
trac-hacks.org
TracWysiwygPlugin
trac.edgewall.org
TracWysiwygPlugin
(できそうなら)やりたいこと
リンク編集ダイアログ
window.prompt() しょぼい
WikiPageName 補完機能
Wiki、チケット検索機能
文字色、背景色、文字サイズの指定
[[html()]] マクロ
TracWysiwygPlugin
おしまい