Subscribe to RSS Subscribe to Comments Blog of Roy Chan

Blog of Roy Chan

使用 vim 編輯 web textarea (Firefox or Kazehakase)

用了 vi/vim 十多年,其他 text editor 對我來說確實很麻煩。大部份事用 vi/vim 做都有說不出的爽!!! 就算多年前因工作需要在 windows 寫程式寫,也懶得用 UltraEdit 等,抓個 vim windows 爽很多。近年,經常要在網頁上的 textarea 打一大篇文章,結果還是受不了,很多時需要在 copy&paste 到 vim 執行仔細的編輯。簡潔的按鍵自然是我喜用 vi/vim 的主要理由,regular expression 更是我編輯時不缺的利器。

幾年來,我花了不少工夫企圖把 regular expression 或 vi/vim 式的編輯引入 web,包括寫了些 bookmarklet 等,但始終和 vi/vim 差很遠。嘗試過幾個令 Firefox 使用 external editor 的 extension, 不過都不太有效。近兩年前,找到了 It’s All Text,終於把我這個難題解決了。

It’s All Text 這個 Firefox extension 安裝後,會在每個 textarea box 的右下角浮現一個 “edit” 小按鈕,按下就會把 textarea 的內容送去指定的 text editor 進行編輯,絕對是 vi/vim 的必裝 extension。

然而,這年來因為安全問題,我經常會同時使用多個 browser,用不同 browser 執行不同安全級別的 web apps。(都是 ajax 惹的禍)。Prism, Epiphany, Kazehakase,甚至 Opera 都會常用來代替 Firefox 執些較低 reliability 的 web site/apps (Prism 一般用來跑重要的 webapp 如 gmail 和 online-banking),Noscript extension 則用來限制不明網站的 javascript。不過用其他 browser 時,就少了 It’s All Text 用 external editor 的爽便。早期才發現用了半年的 Kazehakase 其實內建使用 external editor 的功能,多了個可以便利使用 browser。

在 Kazehakase 設定使用 gvim 很簡單,首先 UI Level 要設定為 Expert (View -> UI Level -> Expert),在 Edit -> Preference 中的 External Program,設定 Editor command 為:

gvim -f %s

就搞定了。 (-f 選項是避免 gvim 自動 fork 入背景工作,令 Kazehakaze 不知 gvim 完成編輯)

往後在要編輯的 textarea 按右鼠鍵在選單選 Launch Editor 就可以了。(當然是經謹關閉了 gvim 才好 submit web form)


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


Ubuntu 7.10 和 Fedora 8

這大半年的時間都很懶寫 blog, 一來忙 MSc, 二來也多花時間去整理 OSWikiHK。順帶提一提 Ubuntu/Kubuntu/Edubuntu/Xubuntu 7.10 (Gusty Gibbon) 的安裝手冊 (桌面伺服器)早在個多月前已完成了。也有份教人由 Ubuntu 7.04 (Feisty)升級至 7.10 的文章Fedora 8 (Werewolf)才完成了幾個星期 (LiveCD 倒時未正式動手)


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


QEDWiki

年多前曾思考過WikiWikiWeb在商業上的應用,今天在Youtube打釘時找到去年有關QEDWiki的Demo,似乎是WikiWikiWeb商業他的實例之一。


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


Use this to teach your younger brother what is Pi (π)

Just saw this from digg.com:

You can show this GNU-free image to your younger brother/sistor when your mom ask you to teach them what is π -P


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


本週新聞


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


Wiki 在商業上的應用

上週末初次在LinuxTalk對 Wiki 及 OSWikiHK 作了簡單的介紹,反應不一。有不少人表示有興趣知道更多和協力 OSWikiHK 的專案,亦有人認為有關talk過份冗長。不過大體我可能會在六月尾搞個 MediaWiki setup 的workshop 。無獨有偶, Time 這期也介紹了Wikipedia,亦略提 Wiki 在百科全書以前的應用 和商業 Wiki 産品。現時比較著名的商業 Wiki 有 SocialTextJotSpot 。SocialText 有不少出名顧客,如 Dresdner Kleinwort Wasserstein, Nokia 及 Kodak 等。 JotSpot 的 Wiki 仍只在 Beta 狀態,但其 tour 提供了頗有趣的 Wiki 各類應用念頭。

除了 Time,Fortune 早前也有篇文章談及 Wiki 在商業的應用。而 Gilbane Report 也有篇很好的文章討論 Blog 及 Wiki 兩種新技術在商業上的變奏等。


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


OSWikiHK

這幾天忙著 OSWikiHK ,先 upgrade 到 MediaWiki 1.4.4 ,可以自動轉換繁簡中文,向外連外亦會自動加上了 rel=”nofollow” 屬性,對未來 anit-spamming 頗重要。 改動了一些設定,令 OSWikiHK 會因應造訪的 domain 顯示不同的 theme ,免了過份著重 HKLUG 的問題 ,HKLUG 的 theme 已加了統一的 header ,也連接相同 Adbanner 位,測試了在 Firefox, IE 及 Opera 都可正常顯示。我打算做好 HKLUG 的 theme 後才動手做 DebianHK 的 theme 。搞了一輪,對 MediaWiki Theme 的 customization 總算撑握多了。我本來頗喜歡 Zope 的TAL ,對平衡慣用 Dreamweaver 的 designer 和 programmer 有很太幫助。但早前試過 MediaWiki 的 PHPTal 在 1.4.x 好像不太行,而我又不用 Dreamweaver ,所以現時真觀地改 code 反宜快捷。

改了 backup script 每日把主要的database 資料 (當然不包括用戶個人資料和 images archive ,好像 Wikipedia 般容許任可人下載

另外我亦安裝了 GraphvizSyntax HighligntCharinsert 三個 extension 。Charinsert 讓可在 MediaWiki:Copyrightwarning 上加入 <charinsert> tags 令用戶在編輯條目時有個 Char 板面方便輸入特別的符號。Syntax Highlist extension 利用 enscript 美化程式碼的顯示,我改動了 code ,令 OSWikiHK 可以用 <perlcode>, <pythoncode>, <shcode>, <bashcode>, <javacode>, <cppcode> 和 <sqlcode> 分別 highlight perl/python/sh/bash/java/c++/sql 的程式碼,亦免了和 HTML 的 <code> 有衝突。 Graphviz extension 以前也提過可以用 <graphviz> 包著 DOT 言語,繪出有向圖,頗有趣。為免有人濫用令系統負荷過重,我改了 code 令只有 sysop 才可以使用 graphviz 。試畫了幾個 graph ,似乎並不易使用,不過對解釋一些程式的流程很有幫助。


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


MediaWiki 的 Graphviz 插件

搞了 MediaWiki 好一段時間,倒沒有留意 MediaWiki 有個不錯的插件 Graphviz ,讓 MediaWiki 可以在文章加入 <graphviz> tag 可以繪出頗美觀的有向圖,對解釋一些軟件關係和網絡結構似乎都頗有用。有時間,考慮安裝在 OSWikiHK 中。


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


MediaWiki 1.4 released

Umm!? Oh, MediaWiki release 1.4 finally.


Share It: [del.icio.us] [Technorati] [Google Bookmark] [Yahoo MyWeb] [Furl]


Based on Fluidity© 1998-2007 Roy Hiu-yeung Chan