在 Ractivejs 中拖放到 iframe答案

【问题标题】：Drag and drop to iframe in Ractivejs在 Ractivejs 中拖放到 iframe
【发布时间】：2016-09-02 19:22:55
【问题描述】：

我正在使用 Ractivejs 中的实时预览构建电子邮件的拖放编辑器（我无法更改框架）并且我面临着我不知道答案的问题。

我有一个组件列表，这些组件要拖入“画布”（不是 html 画布，只是一些 div 元素），我需要在其中显示电子邮件的 DOM，其中包含已拖放到“画布”的样式和组件。由于我不想干扰我在其中构建此编辑器的 CMS 样式，因此我唯一的解决方案是将组件拖到 iframe 中。

问题是我需要在这两个 DOM（父 DOM 和 iframe DOM）之间进行通信，并以这种方式在 ractive 中的组件（和视图）之间进行通信。我的意思是，在 iframe 中，我在父 DOM 中没有使用 ractive（无连接）。我还没有找到任何解决方案。在 ractive 中，我使用这个拖放“事件定义”模块https://www.npmjs.com/package/ractive-drag-events

我希望清楚我的问题是什么，如果不是，我肯定会回答任何其他问题来解决这个问题；）

【问题讨论】：

标签： javascript dom iframe ractivejs

【解决方案1】：

如果我正确理解了您的问题，您正在尝试从 iframe 与父 dom 进行通信。这个问题已经回答了。看看这里iframe accessing parent DOM?

【讨论】：

是的，我的意思是在原生 JS 的情况下，但我还需要在 Ractivejs 中的组件之间进行通信。在不使用任何框架的情况下使用 javascript 进行通信是没有问题的。我认为我不能以这种方式与 Ractive 双向通信。但也许我错了。