什么WYSIWYG与jQuery和RubyonRails3.1（链轮）配合得很好？

我很难让任何“普通”所见即所得与Rails一起工作。现在我们甚至不得不自己用红布做一个

我试着用，但没能用。也试过了，但只有在你打电话给在线图书馆时才奏效（而且看起来也被抛弃了）

---

有没有人使用过jQuery和Rails 3.1（链轮）友好的所见即所得

Mercury编辑器看起来很有前途。我计划在我的下一个rails项目中尝试它

试试MarkitUp

我在Rails 3.1应用程序中使用

只要将文件夹放入lib/assets/javascripts中，并在需要时按如下方式引用它：

= javascript_include_tag "ckeditor/ckeditor.js"

在javascript中：

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

---

在与这个问题斗争了一段时间之后，我提出了一个解决方案，用于将标准tinyMCE与Rails 3.1和资产管道一起使用

我从tinyMCE jQuery包开始

在vendor中为tinyMCE创建目录：

/vendor/assets/javascripts/tiny_mce

仅将

jquery.tinymce.js

放在

/vendor/assets/javascripts/tiny_mce

将剩余的tinyMCE文件放在

/public/javascripts

文件夹的一个目录中，在一个名为

tiny\u mce

将tinyMCE添加到

应用程序.js

中，如下所示：

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

我也在我的

application.js

中初始化tinyMCE，并设置

script\u url

路径，告诉tinyMCE它的支持文件现在位于我的

public/javascripts/tiny\u mce

目录中：

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

---

这应该行得通。现在，您正在使用资产管道加载tinyMCE，并从公共目录提供支持资产和javascripts。

Luuf已经提到了Aloha编辑器。虽然它仍在大力开发中，但看起来很有希望

只需在资产路径的任何位置放置一个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似乎可以确保与资产管道的兼容性

还没有尝试连接，当我知道它的行为时，我会发表评论

问候

Aloha编辑器

---

这与Mercery之间很难区分，但Aloha有更好的“感觉”，并且它有更广泛的浏览器支持。

我正在寻找更简单的东西，虽然看起来很棒。你很幸运，没有任何ie客户。这里有一个很好的Railscasts，展示了如何设置Mercury。tinymce看起来很新，应该可以工作。您收到了什么样的错误？这是最近的错误，但很难实现。我们的想法是为Rails3.1提供一个gem或其他东西（正如Rails3所存在的那样）。哪一步不起作用？将其加载到公用文件夹中很容易。。。但是我想要一个与资产管道一起工作的gem或库它看起来很棒，但不幸的是它不是WYSIWYG编辑器。注意：为了在Heroku上工作，我发现我必须将它添加到ckeditor.js的顶部：var ckeditor_BASEPATH='/assets/ckeditor/'；它对我也很有用。谢谢你的提示。如果你需要在一个页面上有多个ckeditor字段，可以选择aloha编辑器或mercury编辑器。Mercury将浏览器限制为非IE编辑，但这通常不是问题。。。