CKEditor + Rails 4安装

时间:2013-10-27 08:18:23

标签: ruby-on-rails ckeditor

尝试在Rails 4应用程序中轻松安装CKEditor

这个宝石https://github.com/tsechingho/ckeditor-rails

我有几个问题......

- 首先是我在表单中有CKEditor,当我转到该表单的页面时,它只加载一个常规文本输入框。当我手动重新加载同一页面时,CKEditor将加载,但只有在我重新加载页面后才会加载。它不会在第一页加载时显示。
- 第二个是CKEditor只是吐出原始的html。我确信这只是我的一个简单错误,但我还没有找到任何答案。

以下是宝石

的相关内容和说明

的Gemfile
gem 'ckeditor_rails'

应用/资产/ Javascript角/ application.js中

//= require jquery
//= require jquery_ujs
//= require ckeditor-jquery
//= require bootstrap
//= require turbolinks
//= require_tree .
$('.ckeditor').ckeditor({
  // optional config
});

应用/视图/帖/ _form.html.erb

<div class="form-group">
    <%= f.label :title %>
    <%= f.text_field :title, class: "form-control" %>
</div>
  <div class="form-group">
    <%= f.label :body %>
    <%= f.text_area :body, class: "ckeditor" %>
  </div>
  <div class="form-group">
    <%= f.submit class: "btn btn-primary" %>
  </div>

这是控制台错误/警告的完整列表。所有这些都应该来自CKeditor安装之后。

Invalid CSS property name: -webkit-overflow-scrolling style.css:3000
Invalid CSS property value: transform 0.3s ease-out style.css:3997
Invalid CSS property value: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)) style.css:4331
Invalid CSS property value: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)) style.css:4340
Uncaught TypeError: Cannot call method 'appendChild' of undefined ckeditor.js?body=1:74
Uncaught The editor instance "post_body" is already attached to the provided element. 

1 个答案:

答案 0 :(得分:0)

未来的Google员工 -

请参阅此Github Issue

问题是对TurboLinks的干扰。事实证明,实际的页面加载不是问题,而是指向带有CKEditor表单的页面的链接。解决方案是直接从包含CKEditor所在链接的div中禁用turbolink。

就我而言,解决方案看起来像这样......

_header.html.erb
<ul class="nav navbar-nav pull-right" data-no-turbolink>