TracWysiwygPlugin
Upcoming SlideShare
Loading in...5
×
 

TracWysiwygPlugin

on

  • 3,495 views

 

Statistics

Views

Total Views
3,495
Views on SlideShare
3,491
Embed Views
4

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 4

http://www.slideshare.net 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

TracWysiwygPlugin TracWysiwygPlugin Presentation Transcript

  • TracWysiwygPlugin 19-Jan-2008 <jun66j5@gmail.com> 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=quot;wikitextquot;> を探して 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
  • おしまい TracWysiwygPlugin