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