Question

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

我的编辑器声明中有很多东西，但这是事件声明：

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

似乎无法使用JQuery来定位ANYTHING ...

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 Traversal

1 个答案: