什么WYSIWYG适用于jQuery和Ruby on Rails 3.1(Sprockets)?

时间:2011-09-02 19:31:46

标签: jquery ruby-on-rails wysiwyg ruby-on-rails-3.1 sprockets

我无法使用任何“常见”WYSIWYG与Rails一起工作。我们现在甚至不得不自己使用RedCloth。

我尝试使用tinymce-rails但无法使其正常工作。还尝试了nicEdit,但只有当你打电话给在线图书馆时(但也看起来已经放弃了)。

有没有人使用jQuery和Rails 3.1(Sprockets)友好的WYSIWYG?

6 个答案:

答案 0 :(得分:13)

我在我的Rails 3.1应用程序中使用ckeditor

只需将文件夹放入lib / assets / javascripts,无论何时需要,都可以这样引用:

= javascript_include_tag "ckeditor/ckeditor.js"

在javascript中:

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

答案 1 :(得分:8)

在解决这个问题很长一段时间之后,我想出了一个解决方案,使用标准的tinyMCE和Rails 3.1以及资产管道。

  1. 我开始使用tinyMCE jQuery包。
  2. 在供应商中为tinyMCE创建一个目录:/vendor/assets/javascripts/tiny_mce
  3. 仅在jquery.tinymce.js
  4. 内放置/vendor/assets/javascripts/tiny_mce
  5. 将剩余的tinyMCE文件放在/public/javascripts文件夹中的目录中,位于名为tiny_mce
  6. 的目录中
  7. 将tinyMCE添加到application.js,如下所示:

    //=require jquery
    ...
    //=require tiny_mce/jquery.tinymce.js
    
  8. 我也在我的application.js中初始化tinyMCE,并设置script_url路径告诉tinyMCE它的支持文件现在位于我的public/javascripts/tiny_mce目录中:

    $('.tinymce').each(function(i){
    $(this).tinymce({
      script_url : '/javascripts/tiny_mce/tiny_mce.js',
       ...
    
  9. 那应该有用。现在,您正在使用资产管道来加载tinyMCE,并从公共目录中提供支持资产和javascripts。

答案 2 :(得分:3)

Mercury Editor看起来很有前途。我打算在我的下一个铁轨项目上试一试。

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

答案 3 :(得分:0)

答案 4 :(得分:0)

Luuf已经提到过Aloha-Editor。虽然它仍处于重大发展阶段,但看起来很有希望。

只需将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似乎可以确保与资产管道的兼容性。

尚未尝试连接,当我知道它的行为时会发表评论。

问候!

答案 5 :(得分:0)

阿罗哈编辑

http://aloha-editor.org/

这与之间的关系很难Mercery - 但Aloha有一个更好的“感觉”,它有更广泛的浏览器支持。