MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

var customizeToolbar = function() {
// TOOLBAR
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
        'sections': {
                'annotations': {
                        'type': 'toolbar', // Can also be 'booklet'
                        'label': 'Annotations'
                        // or 'labelMsg': 'section-emoticons-label' for a localized label
                }
        }
} );

//GROUP
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
        'section': 'annotations',
        'groups': {
                'properties': {
                        'label': 'Properties' // or use labelMsg for a localized label, see above
                }
        }
} );

//BUTTONS        
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
        'section': 'annotations',
        'group': 'properties',
        'tools': {
                'aka': {
                        label: 'Is also know as', // or use labelMsg for a localized label, see above
                        type: 'button',
                        icon: 'http://tunearch.org/w/images/1334499686_stock_folder-move.png',
                        action: {
                                type: 'encapsulate',
                                options: {
                                        pre: "[[Is_also_known_as::",
                                        post: "]]"
                                }
                        }
                }
        }
} );
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
        'section': 'annotations',
        'group': 'properties',
        'tools': {
              'appears': {
                        label: 'Appears in', // or use labelMsg for a localized label, see above
                        type: 'button',
                        icon: 'http://tunearch.org/w/images/741-32x32x32.png',
                        action: {
                                type: 'encapsulate',
                                options: {
                                        pre: "[[Appears_in::",
                                        post: "]]"
                                }
                        }
                }
        }
} );

 
/* Your code goes here */

};
 
/* Check if we are in edit mode and the required modules are available and then customize the toolbar */
if ( $.inArray( mw.config.get( 'wgAction' ), ['edit', 'submit'] ) !== -1 ) {
        mw.loader.using( 'user.options', function () {
                if ( mw.user.options.get('usebetatoolbar') ) {
                        mw.loader.using( 'ext.wikiEditor.toolbar', function () {
                                $(document).ready( customizeToolbar );
                        } );
                }
        } );
}

(function () {

  var myElement = document.getElementById('mw-abc-notation');
  myElement.innerHTML = 
'<html>
<head>
</head>
<body>
ABC Notation is cool!!!
</body>
</html>';

}());