从父页面在iFrame中初始化TinyMCE

Question

我正在一个CMS上工作，我们计划使用TinyMCE的内联编辑功能。 我们正在使用iFrame来查看用户的网站（处于编辑模式时）。 父页面包含所有编辑逻辑/ GUI。 我们希望将对Tiny的引用保留在iframe页面本身之外的父对象上（以保持用户的网站整洁，没有引用），但要在框架内部的元素上对其进行初始化。

因此，这是理想的要求：

1. 仅在父页面中引用了Tiny，而不是用户的网站页面（iframe）本身
2. 能够在iframe中，从父级对特定元素（具有特定类的元素）初始化Tiny
3. 能够从页面上的元素中删除/取消初始化Tiny，以干净地保存内容

我什至不确定这是否可行（找不到尝试过此方法的人），但这绝对是我们理想的解决方案。 我找不到任何方法给Tiny一个将在iframe中使用的选择器。 例如，此代码位于父页面上。

tinymce.init({
                selector: ".editable-text", //the elements I want to enable this on
                inline: true,
                .....
            });

.....应该是这样的（我意识到这永远都行不通）：

tinymce.init({
                selector: "#My-iframe .editable-text", //So go into the iframe, then find ".editable-text"
                inline: true,
                .....
            });

如果有帮助的话，我在父级和框架上都有jQuery（但是我没有Tiny的jQuery版本）。

谢谢

Answer 1

我认为你不能。 这将为您提供有关可编辑文本区域的jQuery参考：

$("#My-iframe").contents().find(".editable-text");

但是我找不到任何将其传递给TinyMCE的init方法或在此对象上调用init方法的方法。 TinyMCE 只需要一个选择器，在这种情况下这是不够的。