193 阿裏雲技術社區[雲棲]

為你的ROR應用安裝FCKEditor

FCKEditor是一個開源的,功能強大的富文本編輯器,在官方主頁上有提供ASP,JSP,ASP.NET,PHP等版本,目前還沒有rails的版本（可以設置，主要是要自己實現上傳等功能）,不過有一個plugin來實現此功能,有上傳文件、拚寫檢查的功能。

1。首先到https://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 %>

文章轉自莊周夢蝶，原文發布時間5.17

最後更新：2017-05-17 11:02:32