2011-08-04 95 views
5

所以我只是试图在rails中安装ckeditor,但它看起来不像它的工作。Rails 3.1 ckeditor

这里是我做过什么

添加这些行到我的Gemfile

gem "ckeditor", "~> 3.6.0" 
gem "paperclip" 

然后捆绑安装并运行

rails generate ckeditor:install 
rails generate ckeditor:models --orm=active_record 

添加文件汤姆config/application.rb

config.autoload_paths += %W(#{config.root}/app/models/ckeditor) 

然后我尝试了这种代码:

<%= javascript_include_tag :ckeditor %> 
cktext_area_tag("test_area", "Ckeditor is the best") 
cktext_area_tag("content", "Ckeditor", :input_html => {:cols => 10, :rows => 20}, :toolbar => 'Easy') 

然而,所有我得到的是,没有任何的编辑能力2个文字区域。他们看起来像正常的textareas,我所能做的就是擦除和添加文本。

我在做什么错?

回答

1

这就像一个魅力,只是在rails 3.1.rc6上测试它。也要小心你使用的宝石。截至这篇文章的时刻,官方的宝石不工作,并正在等待一个拉请求,所以一定要在你的gemfile中使用fxposter的gem版本。

https://github.com/fxposter/rails_3_1_with_ckeditor_and_carrierwave

+0

不适用于rails 3.2,ckeditor javascript已加载,但textarea未被替换。 – lyuba

+0

手动复制fxposter的gem中public/javascript/ckeditor的内容后为我工作。 – lyuba

1

我有相同的设置你同样的问题。用jalagrange的示例应用程序作为我的对比,我最终发现问题在development.rb中。我不得不删除这条线:

config.assets.debug = true 

它后为我工作。

1

我刚刚设置它时遇到过类似的问题。我最终放弃了宝石。问题是让ckeditor在资产管道中行事,但根据浏览器的不同,结果不一样(当然IE是问题)。这是什么为我工作:

从他们的网站下载ckeditor包并放入公共/ ckeditor。

然后,直接包含javascript文件。

<%= javascript_include_tag "/ckeditor/ckeditor" %> 
<%= javascript_include_tag "/ckeditor/adapters/jquery" %> 

不完全优雅,但它的工作,并没有必须触摸它,因为。

1

第1步:在您的gemfile中添加gem 'paperclip'gem "ckeditor"

步骤2:捆绑安装。

步骤3:rails generate ckeditor:install --orm=active_record --backend=paperclip

步骤4:地点config.autoload_paths += %W(#{config.root}/app/models/ckeditor) in application.rb

步骤5:地点mount Ckeditor::Engine => "/ckeditor"如果不存在已经和运行db:migrate

步骤6:打开application.html.erb并把这个<%= javascript_include_tag 'ckeditor/ckeditor.js' %>放在他里面阿德。

步骤7:在application.html.erb

<script type="text/javascript">$(document).ready(function() { 
    if ($('textarea').length > 0) { 
     var data = $('textarea'); 
     $.each(data, function(i) { 
      CKEDITOR.replace(data[i].id); 
     }); 
    } 
});</script> 

步骤8将这个在页脚(body标签以上):重新启动WEBrick服务器。 就是这样。