在windows系统下Ruby or Rails环境正确安装并调用ckeditor的步骤

WIN7 X64

Ruby 1.9.2p290

Rails 3.2.3

 

花了一个上午的时间,终于调试好了,《Ruby or Rails Web开发学习实录》中的解释跳过了一些重要的步骤。

以下是亲自实验的步骤:

 

1. 在所建项目根目录下找到Gemfile这个文件,打开在其中加入

 

gem 'ckeditor', :git => "https://github.com/galetahub/ckeditor.git" 
# 转载请注名出处:http://tyllxx.iteye.com
gem 'paperclip'

 

2. 在CMD中进入所建项目根目录执行bundle install,环境会自动下载ckeditor.git包,然后根据最后一句的提示


 

你可能还需要执行bundle update升级加载的Gemfile,以防万一在执行一次bundle install。

 

 

3. 接着执行rails generate ckeditor:install  (感觉步骤3与步骤4应该可以合并执行步骤4)

 

在windows系统下Ruby or Rails环境正确安装并调用ckeditor的步骤_第1张图片

 

亲自在百度上查找过方法,有的说cke编辑器会自动安装到public/javascrips/ckeditor文件夹下。可是我的没有,不知道是否版本不同的原因,但是后面的调用的确会用到javascrips。

 

 

4. 在执行rails generate ckeditor:install --orm=active_record --backend=paperclip,安装ckeditor引擎。

在官方站有几种命令组合:https://github.com/galetahub/ckeditor 


在windows系统下Ruby or Rails环境正确安装并调用ckeditor的步骤_第2张图片

 

到此ckeditor的安装基本完成。

 

 

5. 调用,到views文件夹,打开需要做文本编辑的文件。例如:scaffolds自动生成blog的_form.html.erb文件。

 

原来的代码:

  <div class="field">
    <%= f.label :content %><br />
    <%= f.text_field :content %>
  </div>

 

修改为:

  <div class="field">
    <%= f.label :content %><br />
    <%= javascript_include_tag "ckeditor/ckeditor.js" %>
    <%= f.cktext_area("content",:width => '100%') %>
  </div>

 

运行环境,在浏览器中打开blog页面:


在windows系统下Ruby or Rails环境正确安装并调用ckeditor的步骤_第3张图片

 

终于成功了,至于上传功能,还没有验证。。。。。。。。。。。。。。。。。。。。。

 

转载请注名出处:http://tyllxx.iteye.com

 

 

你可能感兴趣的:(安装,Ruby,Rails,调用,ckeditor,or)