Help:Custom edit buttons

http://www.wikia.com/skins/common/images/button_bold.png http://www.wikia.com/skins/common/images/button_italic.png http://www.wikia.com/skins/common/images/button_link.png http://www.wikia.com/skins/common/images/button_extlink.png http://www.wikia.com/skins/common/images/button_headline.png http://www.wikia.com/skins/common/images/button_image.png http://www.wikia.com/skins/common/images/button_media.png http://www.wikia.com/skins/common/images/button_math.png http://www.wikia.com/skins/common/images/button_nowiki.png http://www.wikia.com/skins/common/images/button_sig.png http://www.wikia.com/skins/common/images/button_hr.png http://www.wikia.com/skins/common/images/button_upload.gif With the upgrade to MediaWiki 1.9, users can now easily customize the edit toolbar. To do this, you can either edit the monobook.js or created your own monobook by doing placing User:Example/Monobook.js on your user page. However, only admins can edit the site-wide monobook, so you'll have to discuss changes with them to have buttons added to the entire wiki.

How to make a new button
The first thing to do is create a 23x22 image (you can use as a template) and upload it or use one of Wikia's already made buttons.

After that, you simply edit your user js or site-wide js. Shown below are examples on how to do this.

if (mwCustomEditButtons) { mwCustomEditButtons[mwCustomEditButtons.length] = { "imageFile": "http://images.wikia.com/central/images/c/c8/Button_redirect.png", "speedTip": "Redirect", "tagOpen": "#REDIRECT ",    "tagClose": "", "sampleText": "Insert text"}; mwCustomEditButtons[mwCustomEditButtons.length] = { "imageFile": "http://images.wikia.com/central/images/c/c9/Button_strike.png", "speedTip": "Strike", "tagOpen": " ", "tagClose": " ", "sampleText": "Strike-through text"}; mwCustomEditButtons[mwCustomEditButtons.length] = { "imageFile": "http://images.wikia.com/central/images/1/13/Button_enter.png", "speedTip": "Line break", "tagOpen": " ", "tagClose": "", "sampleText": ""};

mwCustomEditButtons[mwCustomEditButtons.length] = { "imageFile": "http://images.wikia.com/central/images/7/74/Button_comment.png", "speedTip": "Comment visible only for editors", "tagOpen": "", "sampleText": "Insert comment here"} }


 * imageFile : This is the full URL to the image. This image should either be on this wiki or on Wikia.
 * speedTip : The text that appears when you hover the mouse over the button.
 * tagOpen : The opening tag
 * tagClose : The closing tag (omitted if there is no sample text needed).
 * sampleText : The text that will be automatically highlighted upon insertion (between the two other tags), this is intended to be replaced by user input.