MediaWiki:Common.js

/* see:
    https://www.mediawiki.org/wiki/Extension:WikiEditor/Toolbar_customization 
 */

var customizeToolbar = function () {
    $('#wpTextbox1').wikiEditor('addToToolbar', {
        'section': 'advanced',
        'group': 'format',
        'tools': {
            'inline-code': {
                label: 'Inline code', // or use labelMsg for a localized label, see above
                type: 'button',
                icon: '//riguz.com/images/0/09/WikiEditor-Code.png',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "<syntaxhighlight lang=\"bash\" inline>",
                        post: "</syntaxhighlight>"
                    }
                }
            },
            'label': {
                label: 'Label', // or use labelMsg for a localized label, see above
                type: 'button',
                icon: '//riguz.com/images/0/03/WikiEditor-Tag.png',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "<span class=\"article-label\">",
                        post: "</span>"
                    }
                }
            }
        }
    });
    $('#wpTextbox1').wikiEditor('addToToolbar', {
        'section': 'advanced',
        'group': 'insert',
        'tools': {
            'code': {
                label: 'Code', // or use labelMsg for a localized label, see above
                type: 'button',
                icon: '//riguz.com/images/0/09/WikiEditor-Code.png',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "<syntaxhighlight lang=\"bash\">\n",
                        post: "\n</syntaxhighlight>"
                    }
                }
            }
        }
    });
};

/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if (['edit', 'submit'].indexOf(mw.config.get('wgAction')) !== -1) {
    mw.loader.using('user.options').then(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'), $.ready
            ).then(customizeToolbar);
        }
    });
}