TinyMCE-rails 与 Nested-Form 一起使用时不起作用答案

【问题标题】：TinyMCE-rails not working when used with Nested-FormTinyMCE-rails 与 Nested-Form 一起使用时不起作用
【发布时间】：2013-05-29 07:50:09
【问题描述】：

我有一个页面，用户可以在其中添加多个产品（使用嵌套形式）。

每个条目都有两个字段“名称”和“描述”，其中我使用 TinyMCE-rails 作为描述的文本区域

问题是，当我使用嵌套表单的 link_to_add 助手添加第一个产品时，tinymce 编辑器不允许我在其中输入任何内容。

add_products.html.erb

<%= form.fields_for :products, @products do |product_form|-%>
  <%= render :partial => 'short_product_form', :locals => {:product_form => product_form} %>
<% end -%>
 <%= form.link_to_add "Add Product", :products %>

_short_product_form.html.erb

<%= product_form.text_area :description, :class=> "tinymce" %>
<%= tinymce :simple %>

在使用 link_to_add 方法添加产品后，我是否需要调用任何东西，或者我必须重新初始化 tinymce 中的任何设置？

注意：我使用的是 tinymce-rails(3.5.8.1) gem 和资产管道，而不是普通的 tiny-mce

【问题讨论】：

标签： ruby-on-rails tinymce nested-forms

【解决方案1】：

添加新的嵌套字段后，您需要初始化 TinyMCE。因此，假设您使用的是 tinymce-jquery，应该是这样的：

$(document).on('nested:fieldAdded', function(event){
  event.field.find('textarea').tinymce({
    theme: 'simple'
  });
});

基本上，您正在监听 nested:fieldAdded 事件，添加 dom 对象 (event.field) 并在其上初始化 tinymce。

【讨论】：

我正在使用 tinymce-rails，这需要我将 tinymce 称为 <%= tinymce :simple %>