#安装easy fckeditor插件,需要首先安装git
ruby script/plugin install git://github.com/gramos/easy-fckeditor.git
#使用rake安装fckeditor
rake fckeditor:install
** Installing FCKEditor Plugin version 0.8.1
Creating directory editor
Creating directory css
Creating directory behaviors
Installing file disablehandles.htc
Installing file showtableborders.htc
Installing file fck_editorarea.css
Installing file fck_internal.css
Installing file fck_showtableborders_gecko.css
Creating directory images
Installing file block_address.png
Installing file block_blockquote.png
Installing file block_div.png
.
.
.
Installing file fckplugin.js
Installing file _upgrade.html
Installing file _whatsnew.html
Installing file _whatsnew_history.html
** Successfully installed FCKEditor Plugin version 0.8.1
#在需要使用Fckeditor的页面引入fckeditor.js文件
<%= javascript_include_tag :fckeditor %>
#使用fckeditor_textarea
<%= fckeditor_textarea :article, :body, {:toolbarSet => 'Easy', :width => '100%', :height => '300px'} %>
#更详细的使用说明,可以参看http://github.com/gramos/easy-fckeditor/tree/master
解决上传图片问题
1. 在上传图片的时候(rails2.2.2),会出现如下的错误:
NoMethodError (undefined method `relative_url_root' for #<ActionController::CgiRequest:0x594ab4c>):
解决方法参考 http://github.com/salicio/fckeditor/commit/fcf8fbee8cfad3a3df0df50172e448727909ccb9
1. 将/vendor/plugins/easy_fckeditor/
app/controllers/fckeditor_controller.rb中的
uploaded = request.relative_url_root.to_s+"#{UPLOADED}/#{params[:Type]}"
修改为:
uploaded = ActionController::Base.relative_url_root.to_s+"#{UPLOADED}/#{params[:Type]}"
2. 将/vendor/plugins/easy_fckeditor/lib/fckeditor.rb中的
js_path = "#{controller.relative_url_root}/javascripts"
修改为:
js_path = "#{ActionController::Base.relative_url_root}/javascripts"
2. 该plugins版本少定义了一个变量:
会出现如下错误:
NameError (uninitialized constant FckeditorController::UPLOADED):
修改很简单,只要修改
/vendor/plugins/easy_fckeditor/app/controllers/fckeditor_controller.rb,增加:
UPLOADED = "/uploads"
完成之后,能够正常上传图片,并预览。