javascript - bootsy 编辑器不适用于通过nested_form gem 添加的嵌套属性

Question

我正在使用nested_form用于管理表单中的关联实体。我正在使用bootsy用于显示所见即所得编辑器。并且嵌套属性没有所见即所得字段，尽管它适用于页面上未嵌套实体的实体，但不适用于嵌套实体。

<%= nested_form_for @project do |f| %>
  <%= f.text_field :name %>
  <%= f.bootsy_area :project_description %> ''WORKS''
  <%= f.fields_for :tasks do |task_form| %>
    <%= task_form.text_field :task_name %>
    <%= task_form.bootsy_area :task_description %> ''Do NOT WORKS''
    <%= task_form.link_to_remove "Remove this task" %>
  <% end %>
  <p><%= f.link_to_add "Add a task", :tasks %></p>
<% end %>

项目描述呈现为所见即所得字段，但嵌套字段task_details呈现为普通文本区域。如果有人可以分享她/他的想法，那将会很有帮助。

Answer 1

如 nested_form 文档中所述，您应该使用 js 事件在新创建的元素上手动激活它。如果您使用的是 jQuery，请引用以下示例。

$(document).on('nested:fieldAdded', function(event){
  Bootsy.init();
});

这对我有用(也使用nested_form)。