javascript - TinyMCE 在编辑器中添加可点击的按钮/div

Question

我想在 html 编辑器(而不是导航栏)中添加一个可点击的按钮/图像/div。但是，当我使用 onBeforeSetContent.add 函数过滤内容并添加带有 onclick 标签的元素时，该标签会被删除。

这一切都是通过一个 tinymce 插件完成的，顺便说一句，因为我使用的是 Wordpress。

//replace shortcode before editor content set
ed.onBeforeSetContent.add(function(ed, o) {
    o.content = t.filter_content(o.content);
});

...

filter_content : function(co) {
    return co.replace(/\[icitspot([^\]]*)\]/g, function(a,b){
        return '<img src="#" onclick="alert(\'abc\')" class="wpSpot mceItem" title="clickme" />';
    });
},

Answer 1

一般情况下应该检测点击事件，而不是使用 onclick 属性:

ed.onClick.add(function(ed, e) {
    console.log(e.target);
});

现在您可以检测被点击的元素并确定它是否是您的按钮/div。