• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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)

 

 

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

 

 

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

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


 

到此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页面:


 

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

 

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

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
学习 Ruby on Rails 真的很爽!发布时间:2022-07-14
下一篇:
Ruby中调用带有ProcessSubstitution语法的Shell命令发布时间:2022-07-14
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap