Какой WYSIWYG хорошо работает с jQuery и Ruby on Rails 3.1 (Sprockets)?

Question

У меня проблемы с настройкой любого "обычного" WYSIWYG для работы с Rails.Нам даже пришлось сделать это самостоятельно с RedCloth на данный момент.

Я пытался использовать tinymce-rails , но не смог заставить его работать.Также пробовал nicEdit , который работал, но только когда вы вызывали онлайн-библиотеку (и также выглядела заброшенной).

Кто-нибудь работал с хорошим WYSIWYG, который дружелюбен к jQuery и Rails 3.1 (Sprockets)?

Answer 1

Я использую ckeditor в моем приложении Rails 3.1.

Просто добавьте папку в ваш lib / assets / javascripts и всякий раз, когда вам это нужно, ссылайтесь на нее так:

= javascript_include_tag "ckeditor/ckeditor.js"

И в JavaScript:

:javascript
  $(function(){
    CKEDITOR.replace( 'input',
      {
        // Optional params:
        skin : 'office2003',
        height: '700px'
      });
  })

Answer 2

После некоторой борьбы с этой проблемой я придумал решение для использования стандартного tinyMCE с Rails 3.1 и конвейером ресурсов.

1. Я начал с пакета tinyMCE jQuery.
2. Создайте каталог вендора для tinyMCE: /vendor/assets/javascripts/tiny_mce
3. Поместите только jquery.tinymce.js внутри /vendor/assets/javascripts/tiny_mce
4. Поместите оставшиеся файлы tinyMCE в каталог в вашем /public/javascriptsпапка внутри директории с именем tiny_mce

5. Добавьте tinyMCE к вашему application.js примерно так:

   //=require jquery
   ...
   //=require tiny_mce/jquery.tinymce.js
   

6. Я инициализирую tinyMCE в моем application.js и укажите путь script_url, чтобы сообщить tinyMCE о том, что поддерживающие файлы теперь находятся в моем каталоге public/javascripts/tiny_mce:

   $('.tinymce').each(function(i){
   $(this).tinymce({
     script_url : '/javascripts/tiny_mce/tiny_mce.js',
      ...
   

Это должно работать.Теперь вы используете конвейер ресурсов для загрузки tinyMCE и обслуживаете вспомогательные ресурсы и javascripts из общего каталога.

Answer 3

Mercury Editor выглядит многообещающе.Я планирую попробовать это на моем следующем проекте рельсов.

http://jejacks0n.github.com/mercury/

Answer 4

Aloha Editor

http://aloha -editor.org /

Между этим и Mercery сложно, но у Aloha более приятное "чувство" и более широкая поддержка браузеров.

Answer 5

Лууф уже упоминал Алоху-редактора.Хотя он все еще находится в стадии интенсивной разработки, он выглядит довольно многообещающе.

Просто поместите файл aloha-config.js в любое место пути вашего ресурса, файлы aloha отправляются (т.е.) вендору / активам.

Пример конфигурации:

    (function(window, undefined) {
        if (window.Aloha === undefined || window.Aloha === null) {
        var Aloha = window.Aloha = {};
            }

    Aloha.settings = {
      logLevels: {'error': true, 'warn': true, 'info': true, 'debug': false,    'deprecated': true},
      baseUrl: "/assets/lib",
      errorhandling: false,
      plugins: false
    };
    })(window);

Строка "baseUrl" является наиболее важной.Установка его в / assets / lib, кажется, обеспечивает совместимость с конвейером ресурсов.

Еще не пробовал объединение, я опубликую комментарий, когда узнаю, как он себя ведет.

С уважением!

Answer 6

Попробуйте MarkitUp

http://markitup.jaysalvat.com/home/