javascript - 如何启用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` 进行消息传递。