TinyMCE和ActiveAdmin for Rails

Question

我正在重新认识自己的Rails,我真的很喜欢Active Admin.我想让tinyMCE使用它来在文本区域中使用.但是,我发现的任何说明都不完整.出于某种原因,我认为我错过了一些非常简单的东西.

因此,例如,我安装了tinymce-rails(3.4.9)并按照说明(https://github.com/spohlenz/tinymce-rails).但是,这就是我认为我失败的地方:实际上是在启动tinyMCE.根据文档,我有两个选择:

1. 使用<%= tinymce%>帮助器或......
2. 像下面这样初始化它 tinyMCE.init({ mode: 'textareas', theme: 'advanced' });

我尝试将后者添加到我的active_admin.js文件中无济于事.

如果有人可以指导我,我会非常感激.

Answer 1

我让它工作做以下事情(在repo描述的安装之外)

在admin/my_class.rb中:

ActiveAdmin.register MyClass do
  form do |f|
    f.inputs do 
      f.input :body, :input_html => { :class => "tinymce" }
    end
  end
end

在initializers/active_admin.rb中:

...
config.register_javascript 'tinymce.js'

这实际上是将tinymce.js脚本显示在管理布局的头部.

在javascripts/active_admin.js中:

//= require active_admin/base
//= require tinymce

$(document).ready(function() {
  tinyMCE.init({
     mode: 'textareas',
     theme: 'advanced'
   });
});

完成这些操作后,该主体输入(文本区域)上有一个功能完备的编辑器.

Answer 2

您的文本区域输入是否具有“class”属性或tinyMCE可以挂钩的属性？它可以在 javascript 控制台（firefox/chrome）上运行吗？您是否检查过页面头部（源）中是否存在tinymce.js？

我让它与表单部分一起工作，并且我必须为输入元素提供一个类，以便tinymce可以挂钩它。

<%= f.input :literature_nld, :input_html => { :class => 'tinymce', :size => "80x4" } %>

祝你好运