在使用 nested_form gem 添加新字段时使用 WYIHTML5答案

【问题标题】：Using WYIHTML5 when adding a new field with nested_form gem在使用 nested_form gem 添加新字段时使用 WYIHTML5
【发布时间】：2012-08-08 22:24:41
【问题描述】：

我正在尝试使用 WYSIHTML5 和 Rails 嵌套表单，使用 nested_form gem。

我最初的问题是通过nested_form 的link_to_add 功能生成一组新字段时出现的。据我了解，它复制了一个预先生成的字段（“蓝图”）。 WYSIHTML5 使用 iFrame 并且 iFrame 内容没有被复制。 body 缺少 contenteditable 属性，所以它几乎没用。我设法用nested_form 的nested:fieldAdded javascript 触发器复制了所有缺失的属性。

所以现在一切都可以编辑并且看起来正确。新问题。 iframe 显然与原始 textarea 无关。我可以输入任何我想输入的内容，但它不会随表单一起提交。我无法弄清楚我在这里缺少什么。 iframe 没有任何 id 属性或看似任何将两者联系在一起的东西。

任何帮助将不胜感激。如果我遗漏了任何细节，请告诉我。

【问题讨论】：

标签： javascript jquery ruby-on-rails forms wysiwyg

【解决方案1】：

事实证明，手动将所有内容链接在一起太痛苦了。

我基本上最终忽略了带有$('.wysiwyg:not([id$="_blueprint"] .wysiwyg)') 的蓝图文本区域。然后在nested:fieldAdded jQuery 触发器上，我选择$('.wysiwyg-inactive:not([id$="_blueprint"] .wysiwyg)') 并激活它们，使用wysiwyg-inactive 和wysiwyg-active 类来确保我不会双重激活它们

有点干净。有点简单。但是你有它。

【讨论】：