TinyMCE 编辑器中的目标元素

use*_*531 3 javascript jquery tinymce

在 TinyMCE 4 编辑器中定位元素(比如给定类的所有图像)的最佳方法是什么。我找到了一些较旧的解决方案(即向 tinymce 编辑器内的元素添加悬停事件),但是,它们适用于 TinyMCE 3。请注意,元素可以在初始渲染后添加到编辑器中,因此它需要类似 jQuery 的on()功能。

一种选择可能是做类似的事情$('#tinymce_id').contents()...

或者在配置 TinyMCE 时, tinymce.init({'selector': '#tinymce_id','setup' : function(ed) {do something here?}});

use*_*531 5

我找到的最好的方法。

tinymce.init({
    'selector': "#tinymce_id",
    'setup' : function(ed) { 
        ed.on('init', function(e) {
            $(ed.getBody()).on("click", "img", function() {alert('hello');});
        });
    }
});
Run Code Online (Sandbox Code Playgroud)