61b55110e7f363bff43bcab8789930fb

小作品 ckeditor-rails

tsechinghoGem 節點 中發起
最後由 chiayi回應 , 1023次閱讀

最近需要用到 WYSIWYG 編輯器,之前都習慣用 tinymce-rails (http://github.com/spohlenz/tinymce-rails) 來和 Rails 做串接。

後來想換另外一套 CKEditor (http://ckeditor.com/) 來試試,開發時沒啥大問題,但上 production 就會遇到 rails asset pipeline 的 compile 問題,當時懶得花時間解就先擱著了。現在又有同樣的需求,不處理不行,於是就認真把目前的 solution 看了一下。

如果在 terminal 下 gem search -r ckeditor 會找到下面這些

artemk-ckeditor (3.5.5)
bcms_fckeditor (1.0.4)
ckeditor (3.6.3)
ckeditor-jess (3.4.3)
ckeditor-rails (0.0.2)
ckeditor_assets (3.6.2)
dust-ckeditor (3.5.0)
fckeditor (0.1.0)
hifi-ckeditor (3.5.2)
iaddict-bcms_fckeditor (1.1.5)
rails-ckeditor (0.0.0)

其中 ckeditor 有整合圖片上傳的功能,是蠻好用的工具,值得看一看,但目前我想要單純一點的 gem。

而ckeditor-rails 和 ckeditor_assets 的 ckeditor 版本是比較新的,拿來試看看,還是有 precompile 的問題,只好放棄,確定要自己打造一顆輪子。

最後就產生了 ckeditor_rails (http://github.com/tsechingho/ckeditor-rails) 這個作品。

但要發布時因為和原本的 ckeditor-rails 撞名,所以只好把破折號 ( - ) 改為底線 ( _ ),這樣才能順利發布在 rubygems.org 上(http://rubygems.org/gems/ckeditor_rails)。

有任何指教,歡迎提供建議。

截至 ,共收到 12 條回應
19e786a2a74377ff6e052d87fd8d1fa8
xdite 1樓, 於回應

那跟撞名的那個 gem 有什麼不一樣的嗎?

4035ddfe11dbb2afc4e683b1bc6ac68f
huacnlee 2樓, 於回應

非常的不喜欢 ckeditor 太重,太慢

61b55110e7f363bff43bcab8789930fb
tsechingho 3樓, 於回應

是和 ckeditor-rails (http://github.com/fesplugas/rails-ckeditor) 撞名,這個 gem 只有把 ckeditor 解壓縮後,整包放在 vendor/assets 下,所以 vendor/assets/ckeditor 下很雜亂,js 和 css 也不會被 precompile(這當然可以手動加),另外也要手動加上一些設定才能用。

是的,目前 tinymce 和 ckeditor 都還很大一包,連 plugins 加起來,應該有 1 MB 左右,但這也是目前 WYSIWYG 比較好用的。

19e786a2a74377ff6e052d87fd8d1fa8
xdite 4樓, 於回應

cool

61b55110e7f363bff43bcab8789930fb
tsechingho 5樓, 於回應

發現一個 bug,README 上 Gemfile 應該要寫

gem 'ckeditor_rails', :require => 'ckeditor-rails'

才對,都是改名字的錯 ....

19e786a2a74377ff6e052d87fd8d1fa8
xdite 6樓, 於回應

XDDD

從我的 iPhone 傳送

E13e24a4a8332f251c58f30559f3c176
run26kimo 7樓, 於回應

若想要 custom toolbar 有什麼方法嗎??

19e786a2a74377ff6e052d87fd8d1fa8
xdite 8樓, 於回應

custom toolbar 要去寫 ckeditor config

Fd779852eb8e519999f8b35c47777608
chiayi 9樓, 於回應

我也覺得ckeditor太肥,有人推薦更輕量的嗎?
其實只想讓user做很簡單的文字編輯
謝謝

2eff1ee6d352b9886299316c923817d7
Vincent_Lin 10樓, 於回應

發現你的 document 有一個 bug

在 Include CKEditor javascript assets 這一段落
這一行
Add to your app/assets/stylesheets/application.js after //= require jquery_ujs to work with jQuery

應該是
Add to your app/assets/javascripts/application.js

009994c3985985809d2d644bd49aa1c2
lulalala 11樓, 於回應

@chiayi wysihtml5 好像也蠻輕巧的,跟tinymce比的話XD

Fd779852eb8e519999f8b35c47777608
chiayi 12樓, 於回應

@lulalala 最後我採punymce,這個mce已經幾乎沒在更新,不過它很簡單速度還不錯
把assets都放到assets pipline的話,view很快就會出來,不會像一些厚重的mce會delay幾秒
因為我只需很簡易的文字編輯,插圖插影音會再另外實作
推薦:)

需要 登入 後方可回應,如果你還沒有帳號按這裡 註冊