Mediawiki / TinyMCE扩展:添加自定义按钮

时间:2018-12-09 21:03:02

标签: javascript mediawiki tinymce-4 mediawiki-extensions

我正在使用Mediawiki 1.30 + TinyMCE扩展名(https://www.mediawiki.org/wiki/Extension:TinyMCE

此扩展程序中的TinyMCE版本为4.6.4。

我想按照该指南将自己的自定义按钮添加到编辑器中:https://www.tiny.cloud/docs/demo/custom-toolbar-button/

我正在将代码添加到我的mediawiki安装文件夹中的该文件中:extensions / TinyMCE / MW_tinymce.js

我在正确的位置添加了

setup: function(editor) {
    alert('blabla');
    editor.addButton('mybutton', {
    text: 'My button',
    icon: false,
    onclick: function () {
     editor.insertContent('&nbsp;<b>It\'s my button!</b>&nbsp;');
    }
});

并出于调试目的禁​​用mediawiki缓存,我将其放置在LocalSettings.php中:

$wgResourceLoaderDebug = true;

因此,当我使用TinyMCE编辑器打开页面时,会弹出警报“ blabla”,但没有自定义按钮添加到编辑器中。 (控制台中没有JavaScript错误)

您能帮我吗?我忘记了重要的事情吗?

(顺便说一下,我在TinyMCE初始化后也尝试这样做,但是那没用)

谢谢!

1 个答案:

答案 0 :(得分:0)

知道了...

您必须在“工具栏”属性中添加按钮标识符“ mybutton”:

toolbar1: 'undo redo | cut copy paste insert | bold italic underline strikethrough subscript superscript forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | charmap singlelinebreak wikilink unlink table wikiupload wikimagic wikisourcecode | formatselect removeformat | searchreplace fontsizeselect mybutton',