`
tyllxx
  • 浏览: 86470 次
  • 性别: Icon_minigender_1
  • 来自: 贵阳
社区版块
存档分类
最新评论

在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)

 

 

亲自在百度上查找过方法,有的说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

 

 

  • 大小: 5.7 KB
  • 大小: 6.8 KB
  • 大小: 10 KB
  • 大小: 38.4 KB
0
0
分享到:
评论
2 楼 tyllxx 2012-08-12  
cherest 写道
兄弟,以上步骤完成后,还需要创建表单,rake db:migrate才能创建ckeditor_assets。

谢谢,你的提醒,最近太忙没时间做验证。
1 楼 cherest 2012-07-28  
兄弟,以上步骤完成后,还需要创建表单,rake db:migrate才能创建ckeditor_assets。

相关推荐

    ckeditor3.2编译器

    **ckeditor3.2编译器** 是一款强大的富文本编辑器,主要用于在网页上实现类似Microsoft Word的文字编辑体验。这款编辑器广泛应用于网站内容管理、论坛、博客等场景,为用户提供了一个直观、功能丰富的文本输入界面。...

    java开源包1

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包11

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包2

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包3

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包6

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包5

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包10

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包4

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包8

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包7

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包9

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    java开源包101

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    Java资源包01

    GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....

    JAVA上百实例源码以及开源项目源代码

    Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个...

Global site tag (gtag.js) - Google Analytics