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

时间:2012-08-08 22:24:41

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

我正在尝试使用WYSIHTML5使用nested_form gem来使用{{3}}和Rails嵌套表单。

通过nested_form的link_to_add功能生成一组新字段时出现了我的初始问题。据我所知,它复制了一个预先生成的字段(“蓝图”)。 WYSIHTML5使用iFrame,并且未复制iFrame内容。 body缺少contenteditable属性,因此几乎没用。我设法使用nested_form的nested:fieldAdded javascript触发器复制了所有缺少的属性。

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

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

1 个答案:

答案 0 :(得分:0)

手动将所有内容联系起来,结果太痛苦了。

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

排序干净。简单的一点。但是你有它。