在用户 JavaScript 中为 MediaWiki 添加自定义按钮

Question

我想创建一个类似于插入签名的按钮。如何做到这一点？

经过一些研究，我发现我可以在 User:MYUSERNAME/common.js 页面中插入自定义按钮。

我看到了几个例子。但是 wiki 参考和信息通常分散在多个页面上并且已经过时。所以如果我幸运的话，我会在这里尝试并找到尝试过类似事情的人。

谁能帮我解决这个问题：

var customizeToolbar = function() {
    $('#wpTextbox1').wikiEditor('addToToolbar', {
        section: 'advanced',
        group: 'format',
        tools: {
            "comment": {
                label: 'Comment',
                type: 'button',
                icon: '//upload.wikimedia.org/wikipedia/commons/3/37/Btn_toolbar_commentaire.png',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "<!-- ",
                        post: " -->"
                    }
                }
            }
        }
    });
};

当我这样做时，没有任何反应，因为 customizeTooblar 很可能从未被调用过。当我删除它时，它说 wikiEditor 未定义。

我已经在 LocalSettings.php 中启用了 $wgAllowUserJs = true;。

我看到了这个问题：Creating custom edit buttons for MediaWiki这还是我们应该做这种事情的方式吗？这可能不是一个重复的问题，因为我已经在这里询问我的特定问题。

Answer 1

问题是缺少启动代码。此代码应直接将笑脸标签添加到您的高级工具栏：

var customizeToolbar = function() {
    /* Your code goes here */


$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
    'section': 'advanced',
    'group': 'insert',
    'tools': {
        'SimpleComment': {
            label: 'Comment', 
            type: 'button',
            icon: '//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Gnome-face-smile.svg/22px-Gnome-face-smile.svg.png',
            action: {
                type: 'encapsulate',
                options: {
                    pre: "preText", 
                                        post: "postText"
                }
            }
        }
    }
} );








};

/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) !== -1 ) {
    mw.loader.using( 'user.options', function () {
        // This can be the string "0" if the user disabled the preference ([[phab:T54542#555387]])
        if ( mw.user.options.get( 'usebetatoolbar' ) == 1 ) {
            $.when(
                mw.loader.using( 'ext.wikiEditor.toolbar' ), $.ready
            ).then( customizeToolbar );
        }
    } );
}
// Add the customizations to LiquidThreads' edit toolbar, if available
mw.hook( 'ext.lqt.textareaCreated' ).add( customizeToolbar );

可以添加到wiki/User:YOUR_USRNAME/common.js

在 LocalSettings.php 中必须启用此选项 $wgAllowUserJs = true;

在用户 JavaScript 中为 MediaWiki 添加自定义按钮

Add Custom Button in User JavaScript for MediaWiki

javascript

php

mediawiki