在 Tampermonkey 中包含 Xenforo Redactor iframe答案

【问题标题】：Include Xenforo Redactor iframe in Tampermonkey在 Tampermonkey 中包含 Xenforo Redactor iframe
【发布时间】：2017-02-28 07:29:07
【问题描述】：

我正在尝试为运行 Xenforo 的网站创建 Tampermonkey 脚本。具体来说，我试图定位 WYSIWYG 编辑器 iframe 并在编辑内容时运行脚本，但我只是不知道该怎么做。

如果我以网站本身为目标，则在编辑 iframe 中的内容时脚本不会运行。源代码没有src 标签，如果我检查 Chrome 检查器，有问题的框架位于about:blank

【问题讨论】：

这是一个同源框架，您可以通过其 contentDocument 属性直接从主页访问。我需要页面 URL 来提供更具体的答案。
感谢您的帮助！我最终使用waitForKeyElements 得到了想要的结果，如下所示：waitForKeyElements ( "body", r, false, ".redactor_textCtrl" );

标签： javascript tampermonkey redactor xenforo

【解决方案1】：

为了回答我自己的问题，这里有一个关于我如何让它工作的更详细的解释。

在用户脚本标题中，包含waitForKeyElements:

// @require https://gist.github.com/raw/2625891/waitForKeyElements.js

然后在代码部分：

waitForKeyElements (
    'body',
    r,
    false,
    '.redactor_textCtrl'
);

function r(jNode) {
    'use strict';

    jNode[0].addEventListener('keyup', function(e) {
       console.log(e);
    }, false);
}

这使我可以对文本编辑器中的更改采取行动。

【讨论】：