Rails 3.1 ckeditor - PullRequest
Новая
       20

Rails 3.1 ckeditor

5 голосов
/ 05 августа 2011

Итак, я только что попытался установить ckeditor в rails, но это не похоже на его работу.

Вот что я сделал

добавил эти строки в мой 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')

Однако все, что я получаю, - это две текстовые области, которые не имеют никакой возможности редактирования.Они выглядят как обычные текстовые поля, и все, что я могу сделать, это стереть и добавить текст.

Что я делаю не так?

Ответы [ 4 ]

1 голос
/ 29 сентября 2013

ШАГ 1: Добавьте gem 'paperclip' и gem "ckeditor" в ваш гемфайл.

ШАГ 2: Bundle Install.

ШАГ 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: Поместите его в нижний колонтитул (над тегом body) в 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: Перезапустите СЕРВЕР WEBrick.Вот и все.

1 голос
/ 09 октября 2011

У меня была такая же настройка, как у вас, и та же проблема.Используя пример приложения jalagrange в качестве сравнения с моим, я в конце концов обнаружил, что проблема заключается в разработке.Мне пришлось удалить эту строку: 

config.assets.debug = true

После этого у меня сработало.

1 голос
/ 07 ноября 2012

У меня была похожая проблема, когда я ее настраивал некоторое время назад. Я отказался от драгоценного камня в конце концов. Проблема заключалась в том, чтобы заставить ckeditor вести себя в конвейере ресурсов, но у меня были разные результаты в зависимости от браузера (конечно, IE был проблемой). Вот что сработало для меня:

Загрузите пакет ckeditor со своего сайта и перейдите на страницу public / ckeditor.

Затем напрямую включите файлы javascript. 

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

Не совсем элегантно, но это сработало, и с тех пор не нужно было его трогать.

1 голос
/ 11 августа 2011

Это работает как брелок, только что протестировал его на рельсах 3.1.rc6. Также будьте осторожны с драгоценным камнем, который вы используете. На момент написания этой статьи официальный гем не работал и ждал запроса на извлечение, поэтому обязательно используйте версию гема fxposter в вашем файле гемов.

https://github.com/fxposter/rails_3_1_with_ckeditor_and_carrierwave

...