2010-03-04

[Work] CKEditor Image / Link Upload w/z ASP.net

儘管不想在BLOG上寫工作相關的東西
不過這玩意我看了半天,兩眼昏花
Firefox的分頁都不知道開了幾個...
還是記錄下來比較好



CKEditor http://ckeditor.com/ 原本叫做 FCKEditor,取自作者名Frederico Caldeira Knabben 不過正如你我想的一樣 FCK...總是會讓人聯想。
FCKEditor到2.6版已臻成熟,相較於以前工作上使用的HTMLArea實在好用太多,但是既然出了CKEditor V3,沒有理由堅守在舊版吧?
(不過工作上,上面的人總是希望你拿舊的用一用比較快,是比較快沒錯,但是有股蛋蛋的哀傷)

CKEditor在使用上與舊版不同,最大的特點是直接使用TextArea,透過Class或Js呼叫...他就變身成CKEditor了!但是缺點是,舊版中,只要FCKEditor.value可以直接取得資料;但現在若直接以TextArea.value取資料,將會得到< > 這種轉換過的符號 (相關:http://www.hypergurl.com/asciisymbols.html,這時就必須使用他的內建函示

CKEDITOR.instances.editor1.getData();


基本上建置在官網的document與下載的sample看一看之後,就可以很快建立

真正困擾我的是「檔案/圖片的上傳」
V3目前並沒有內建這兩個部分,不過官網也有提供CKFinder,用了就可以(不過要付費~$59)
在官方論壇搜尋一下,果然哀鴻遍野,一堆人在提問相關問題
http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Browser
http://cksource.com/forums/viewtopic.php?f=11&t=17437
http://cksource.com/forums/viewtopic.php?f=11&t=16122
也有人提供一些自己作的filebrowser、不過有些是php有些是俄文..
有些則因為天分不夠看不懂...

最後,終於在http://stackoverflow.com/questions/1461261/asp-net-mvc-ckeditor-image-upload找到佛心來著的善心人士發佈了一個sample,經測試可用..不過仍須稍作修改

不過,最後版本要使用舊的V2.6.3或者新的V3...還要再進一步嘗試

沒有留言:

張貼留言