如何启用iframe的设计模式？

Question

我试图编辑我在iFrame中打开的div文本，如下所示：

$(function() {
    var iframeBody = $("#texteditor").contents().find("body");
    var styleTag = iframeBody.append($('#content'));
    iframeBody.designMode = "on";
})

，页面看起来像这样：

我正在尝试编辑文字，但它无效

Answer 1

尝试改为

var iframe = $("#texteditor <iframe-selector>");
var jqIframeBody = $(iframe[0].contentDocument.body);

基本上你不能从父窗口内容开始编写绝对选择器，你需要首先进入iframe的上下文（窗口/文档），然后执行dom操作，或者通过1postMessage`进行消息传递，无论你想要什么。