TinyMCE 事件 JQuery DOM 遍历

Question

我正在使用 TinyMCE 4.1.5 并且我正在尝试在更改事件中做一些 Jquery。我似乎无法从事件声明中对 dom 进行任何遍历。这有什么技巧吗？

我的编辑器声明里面有一堆东西，但这是事件声明：

setup: function (editor)
{
    editor.on("change", function(e)
    {
        console.log($(editor).parents("#testID").attr("id"));
    }
}

似乎无法使用 JQuery...

定位任何目标

Answer 1

要使用 jquery 定位编辑器父节点，您需要获取编辑器 ID。

HTML

<div id='testID'>
  <form>
    <textarea id="instance"></textarea>
  </form>
</div>

JS

tinymce.init({
    selector: "#instance",
    setup: function (editor) {
        editor.on("change", function (e) {
            //id of editable text area
            var id = this.editorContainer.id;
            console.log($('#'+id).parents('#testID').attr('id'));
        });
    }
});

见DEMO

TinyMCE 事件 JQuery DOM 遍历

TinyMCE Event JQuery DOM Traversal

jquery

tinymce

tinymce-4