2

Rails 4 アプリケーションで CKEditor をクリーン インストールしようとしています。

この宝石https://github.com/tsechingho/ckeditor-rails

いくつか問題があります...

-1 つ目は、フォームに CKEditor があり、そのフォームのページに移動すると、通常のテキスト入力ボックスのみが読み込まれることです。同じページを手動でリロードすると、CKEditor がロードされますが、そのページをリロードした後でのみロードされます。最初のページ読み込み時には表示されません。
-2 つ目は、CKEditor が生の html のみを出力していることです。これは私の単純な間違いだと確信していますが、まだ答えが出ていません。

これは、宝石の指示に従って、関連するすべてのものです

Gemfile
gem 'ckeditor_rails'

アプリ/資産/javascripts/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.
4

1 に答える 1

0

将来の Google 社員のために --

このGithubの問題を参照してください

問題は、TurboLinks との干渉です。実際のページの読み込みが問題ではなく、CKEditor フォームを含むページへのリンクが原因であることが判明しました。解決策は、CKEditor が存在するリンクを含む div から直接ターボリンクを無効にすることです。

私の場合、解決策は次のようになりました...

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

于 2013-10-30T03:24:55.317 に答える