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