javascript - jquery/javascript 检测 tinymce 中的点击事件

Question

就这么简单，我想检测何时在 tinymce 编辑器 textarea 中单击了图像。

如果不为其创建插件，这真的无法实现吗？我不能使用这种方法，因为我正在为 drupal 的所见即所得模块开发一个插件，我想与所见即所得支持的所有编辑器兼容。

图像属性中的 onclick 不起作用， .click 监听器不会工作。 所见即所得模块 api 没有任何文档。

有人知道解决这个问题的方法吗？我只想检测图像何时被点击，就是这样......

Answer 1

documentation是一个很好的起点。

您可以传递一个设置函数来在初始化时绑定(bind) TinyMCE 事件。看看这里的演示:http://jsfiddle.net/xgPzS/5/

HTML:

<textarea style="width:400px; height:400px;">
    some text
    <img src="http://www.hidekik.com/en/filelist/files/sample.jpg" />
</textarea>

Javascript:

$('textarea').tinymce({
    setup: function(ed) {
        ed.onClick.add(function(ed, e) {
            alert('Editor was clicked: ' + e.target.nodeName);
        });
    }
});