2013-10-27 3 views
2

Попытки сделать хорошее чистую установку CKEditor в Rails 4 ПримененияCKEditor + Rails 4 Установки

Этого камень https://github.com/tsechingho/ckeditor-rails

У меня есть несколько проблем ...

-Первое что У меня есть CKEditor в форме, и когда я перехожу на страницу этой формы, он загружает только текстовое поле ввода. Когда я вручную перезагружаю одну и ту же страницу, CKEditor будет загружаться, но только после перезагрузки страницы, на которой она включена. Он не отображается при загрузке первой страницы.
-Всегда это 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. 
+0

Что ваш код, чтобы прикрепить изображения. Мои работы, за исключением загрузки изображения –

+0

В файле application.us вы включаете js-код, но не нуждаетесь в себе. Кроме того, обычно рекомендуется отделить любой код от собственного файла и включить его в файл манифеста application.is. – ahnbizcad

ответ

0

Для будущих Googlers -

Смотреть это Github Issue

Проблема интерференция с TurboLinks. Оказывается, что фактическая загрузка страницы не была проблемой, а скорее ссылкой, направляемой на страницу с формой CKEditor. Решение состоит в том, чтобы отключить турбовинты непосредственно из div, содержащего ссылку, в которой живет CKEditor.

В моем случае решение выглядело примерно так ...

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

Смежные вопросы