Rails 4.0 ckeditor + paperclip - 我在ALPHACamp 52天

目前的專案在做一個論壇, 當然會需要一個很棒(彳ㄠ ˊ）的編輯器.

爬文後選擇 ckeditor (文章編輯器）+ paperclip （上傳照片）

ckeditor Github的網頁

所以說, 就要開始貼code啦~~~

我之前已經安裝過 paperclip 所以就不多加敘述

1. 在 Gemfile 新增：

gem 'ckeditor'

2. 因為我是選用  ckeditor + paperclip  所以在終端機執行：

rails generate ckeditor:install --orm=active_record --backend=paperclip

3.接著在 config/application.rb 文中 module xxx 內文 class Application < Rails::Application 下方 新增

config.autoload_paths += %W(#{config.root}/app/models/ckeditor)

4. config/routes.rb 新增

mount Ckeditor::Engine => '/ckeditor'

5. 記得在app/assets/javascripts/application.js 新增：




//= require ckeditor/init

6. 接著跑到我之前有做的表單底下 views/events/_form.html.erb

原本填寫表單內容： article , 改成底下：

<%= f.cktext_area :article, :class => 'someclass', :ckeditor => {:language => 'zh-tw'} %>

紅色為你想要讓他邊寫到哪個位子去.

這時候就做完啦啦啦啦啦~

資料庫會是這樣子

因為我們有讓 ckeditor 與 paperclip  有關係, 所以上傳得照片會存在本地端

路徑：public/ckeditor_assets/pictures/1/ 裡面

-Done-

結語: 讓你每次新稱文章的時候都很容易排版, 感覺也很棒棒~