1

我正在为 TinyMCE 创建一个主题，并且需要更改按钮在编辑器上的呈现方式。

我可以通过在 renderHTML 方法中修改主要tiny_mce.js文件中的一些代码来做到这一点：

    renderHTML : function() {
        var cp = this.classPrefix, s = this.settings, h, l;

        l = DOM.encode(s.label || '');
        h = '<a role="button" id="' + this.id + '" href="javascript:;" class="' + cp + ' ' + cp + 'Enabled ' + s['class'] + (l ? ' ' + cp + 'Labeled' : '') +'" onmousedown="return false;" onclick="return false;" aria-labelledby="' + this.id + '_voice" title="' + DOM.encode(s.title) + '">';
        if (s.image && !(this.editor  &&this.editor.forcedHighContrastMode) )
            h += '<img class="mceIcon" src="' + s.image + '" alt="' + DOM.encode(s.title) + '" />' + l;
        else
            h += '<span class="mceIcon ' + s['class'] + '"></span>' + (l ? '<span class="' + cp + 'Label">' + l + '</span>' : '');

        h += '<span class="mceVoiceLabel mceIconOnly" style="display: none;" id="' + this.id + '_voice">' + s.title + '</span>'; 
        h += '</a>';
        return h;
    },

但是，我需要为我正在创建的特定主题完成此操作。有没有办法不触及主要的 tiny_mce.js 源文件，而是修改主题的editor_template.js文件中的 renderHTML 方法行为？我只是无法找到一种方法来做到这一点。

4

0 回答 0