Posted on 2007-02-06 13:41
dennis 閱讀(249)
評論(0) 編輯 收藏 所屬分類:
動態(tài)語言
FCKEditor是一個開源的,功能強大的富文本編輯器,在官方主頁上有提供ASP,JSP,ASP.NET,PHP等版本,目前還沒有rails的版本（可以設(shè)置，主要是要自己實現(xiàn)上傳等功能）,不過有一個plugin來實現(xiàn)此功能,有上傳文件、拼寫檢查的功能。
1。首先到http://rubyforge.org/frs/?group_id=2038，下載0.3版本，解壓縮后重命名文件夾為fckeditor，并放到你的應(yīng)用的/vender/plugins下面，文件結(jié)構(gòu)類似：
--rblog
????--vender
??????--plugins
????????? --fckeditor
?????????????? --app
?????????????? --lib
?????????????? --public
?????????????? ...
2。然后在應(yīng)用根目錄下執(zhí)行命令：rake fckeditor:install進行安裝和設(shè)定。安裝完成后就可以使用了，默認(rèn)會在public下面新建一個uploads目錄用來存放上傳的文件。
3。使用方法：項目自帶的readme寫錯的，下面是正確的做法。你首先要在頁面引入js文件（當(dāng)然也可以在layout中引入）
???????????? <%= javascript_include_tag :fckeditor %>
（1）非AJAX方式：非常簡單，首先你需要從你的action傳來一個對象，如果沒有你就會一直收到一個nil錯誤。假設(shè)為@artical=Artical.new,artical有一個content字段用來存儲文章內(nèi)容
然后在頁面調(diào)用：
<%= fckeditor_textarea("artical", "content", :toolbarSet => 'Simple', :width => '100%', :height => '200px' )%>
如此一來，@artical.content將顯示在fckeditor的編輯框內(nèi)，我們這里為空
（2）AJAX方式調(diào)用：
<%= form_remote_tag :url => @options.merge(:controller => @scaffold_controller),
??????????????????? :before => fckeditor_before_js('note', 'text') %>
??? <%= fckeditor_textarea( "artical", "content", :ajax => true ) %>
<%= end_form_tag %>