Question

  (function() {
tinymce.create('tinymce.plugins.custom', {
    init : function(ed, url) {
        ed.addButton('custom', {
            title : 'custom',
            text: 'custom',
            icon: false,
            onclick: function() { 
                ed.focus();
                ed.selection.setContent('<p class="custom">' + ed.selection.getContent() + '</p>');
            }
        });
    },
    createControl : function(n, cm) {
        return null;
    },
});
tinymce.PluginManager.add('custom', tinymce.plugins.custom);
})();

我已经使用上面的JS代码向TinyMCE添加了一个按钮。

因此，当用户点击按钮时，它会将任何突出显示的单词包装成标签。

我的问题是，我如何制作它，以便如果突出显示的单词已经在标记中，那么它应该删除标记？

Answer 1

保留一个数组的标签存储，如果在数组中找到则删除标签，如果没有则推送到数组

var tags = [];


...

onclick: function() { 
    var content = ed.selection.getContent();
    var index = tags.indexOf(content);
    ed.focus();

    if (index === -1) {
        ed.selection.setContent('<p class="custom">' + content + '</p>');
        tags.push(content);
    } else {
        ed.selection.setContent(content);
        tags.splice(index, 1);
    }
}

JS函数撤消

1 个答案: