Tinymce主题修改renderHTML

时间:2012-05-15 15:06:03

标签: tinymce

我正在为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方法行为?我只是找不到办法做到这一点。

0 个答案:

没有答案