2007年10月24日 星期三

LinkXD 0.4.0 Release 釋出

人的懶惰真的是軟體發達的原因,繼LinkXD 0.3 Release 釋出之後,又做了個大修改,這次試圖整合既有的所見所得編輯器Rich Text Editor in LinkXD進去,遇到一些問題,所以捨棄 0.3 編號,向 0.4 前進,過去的請把它忘記。

最後挑來用的是Yahoo! UI Library: Rich Text Editor,一來是 BSD 授權整合比較方便,關於授權部份請參閱Yahoo! UI Library: License,只有拿來用,並沒有任何修改,用起來很方便,推薦使用。

細節請參考 樂連 Download LinkXD,下為使用前需要注意的步驟,以及使用快捷鍵的圖說。






合:結束全文
不要來亂 ..

版權填一填啦!
Creative Commons License
本 著作 係採用創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣 授權條款授權.

2007年10月22日 星期一

Rich Text Editor in LinkXD

考慮加上 Rich Text Editor 方便編輯短文,下面為收集的資料。

Yahoo! UI Library: Rich Text Editor

LinkXD 剪下後已經轉成 HTML,但是 YUI-RTE 預設介面是讓你寫入格式化文字,並無法直接貼 a 的 tag,於是要考慮切換成正常 textarea 模式來貼,這個作法可以參考
Plain Text Switcher。要不然就是換用按鈕來貼文,這樣應該可以避過 textarea 的限制,就像是Flickr Image Search的作法一樣,旁邊的小視窗可以按下後將 HTML 直接放到 Editor 去。

既然要整合 YUI 這類函式庫,會遇到一個問題就是必須將給 Firefox 執行的 js (XPCOM) 可以在 YUI 之中呼叫與執行,這點要注意 js 放進去的順序與位置很重要,不然就是參考Using addModule to Add Custom (Non-YUI) Content with YUILoader,像 YUI Library 這種功能豐富的工具,通常有自己的載入方式,這點要注意。

還有一個問題是載入資源 css/js 的問題,利用 chrome URL 的作法如 chrome://linkxd/content/foo.xhtml ,這樣輸出的 YUI editor 部份動作會有問題,像是 createlink/insertimage 就不相容,會出現跳出頁面空白的現象,於是必須改為非 jar 佈署方式,就是不用 chrome:// 而用 file:// 去讀取該 html ,才可以正常運作 createlink/insertimage。

其實用線上方式來整合會方便許多,但是內嵌卻可以提供離線操作這個好處,這算是決定採用內嵌方式的主要原因,不過一個缺點是包起來的東西變得太大,即使有壓縮,還是要將近 800Kb。

安裝後會有另一個 file:// 的問題會出現,使用 XPCOM 的權限問題,因為 file:// 開啟的網頁基本上是不能取用 XPCOM 的服務,使用下面的作法可以讓 YUI 的 js 取用 XPCOM,不過每次都會問一次會讓人覺得麻煩,除非使用「記住」的選項,這樣也會讓人感到困擾。

netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

解脫權限問題可以採用 JavaScript Security: Signed Scripts ,不過看起來更複雜。

其他

Some Notes on the YUI Rich Text Editor

5 Open Source Rich Text Editors

TinyMCE Javascript Content Editor by Moxiecode Systems AB

FCKeditor - The text editor for Internet

Google Web Toolkit - RichTextArea

心路社會福利基金會

快樂是我們連結的理由

LinkXD Loud Link 主題式連結

這裡紀錄主題式連結的開發想法。

原始發想來自Eclipse Mylyn Open Source Project,這個重量級的更新讓 Eclipse 開發流程變得更快,更透明。

簡單說就是保存走過的連結或是參考連結,然後整份傳給其他合作的人。也就是提供一個種子,其中有預先設定好的主題與連結,供使用者下載後,再處理。之前貼入 a 與 img 標籤,現在改為 p 標籤,將資訊納入這個小方塊中。

例如中華白海豚的相關新聞,作成一個主題會比較方便引用。

參考連結

媽祖魚保育聯盟 -

引用 國際海豚年 搶救白海豚 - PeoPo 公民新聞:
中華白海豚原名為「印度太平洋駝背豚」,別名「媽祖魚」
中華白海豚 - Google 圖片搜尋

中華白海豚 - 香港海豚保育學會

中華鯨豚協會 - 首頁

SEDAC - Environmental Sustainability

快樂是我們連結的理由

SVG in LinkXD

紀錄 SVG 測試的過程。

一個連結的通常可以用一行字解決,為何需要用 SVG 這個格式,很多瀏覽器並不支援這種格式,這樣對其他使用者並不友善。另外一個問題是很多網頁應用不會讓你嵌入下列的程式碼。

http://www.croczilla.com/svg/samples/arcs1/arcs1.svg

可以預覽,但是無法張貼。

object data="http://www.croczilla.com/svg/samples/arcs1/arcs1.svg"
type="image/svg+xml" height="300" width="300"


好處是可以嵌入即時的修改,當這行連結字被貼入某個 URL 之後,你不去這個 URL 是無法更改這行字的,所以如果你要改的這行連結有幾十個地方,那就很麻煩了。用 img src 是最方便,不過那需要產出圖片。

samples

所以兩個都擺,img + svg 這樣至少會出現 img,svg 就要 firefox 等有支援的才會出現。

SVG and HTML - Svg wiki提到四種方式,inline SVG 等於把圖貼上去,這點適合離線使用,不適合即時更新的簽名使用。

SVG: object or embed?

有點類似Inversion of control
或是Dependency injection

快樂是我們連結的理由

2007年10月21日 星期日

LinkXD 0.3 Release 釋出

細節參照 《樂連》 - Link and XD

主要是增加熱鍵功能,並改了一下資料庫的表格。

LinkXD Keyboard Shortcuts 快捷鍵


不知道要貼什麼(Alt+/)樂亂連功能


天使太用力@陽光

快樂是我們連結的理由