FANDOM



The edit toolbar is a MediaWiki function that allows insert, formatting, and creating wiki markup easier. It saves the hassle of memorizing it all. This page outlines the standard toolbar, how you can customize it, and it's guidelines.

The Standard Edit Toolbar

button_bold.png - Allows you to make bold text. Syntax: '''Bold text'''
button_italic.png - Allows you to make italic text. Syntax: ''Italic text''
button_link.png - Allows you to link to any page on the wiki. Syntax: [[Link title]]
button_extlink.png - Allows you to link to any external website. Syntax: [http://www.example.com link title]
button_headline.png - Inserts a level 2 headline as seen above. Syntax: == Headline text ==
button_image.png - Allows you to embed an uploaded image into an article. Syntax: [[Image:Example.jpg]]
button_media.png - Links to an image on the wiki without embedding it. Syntax: [[Media:Example.jpg]]
button_math.png - Formats mathematical equations. (Ex: $ 2 + 2 = 4 $) Syntax: <math>2 + 2 = 4</math>
button_nowiki.png - Allows you to display wiki markup as normal text. Syntax: <nowiki>Insert non-formatted text here</nowiki>
button_sig.png - Inserts a signature and timestamp linked to your userpage. Syntax: --~~~~
button_hr.png - Inserts a horizontal line. Syntax: ----
button_upload.gif - Non-functional

Creating a custom Edit Toolbar

You can customize your edit toolbar to include other wiki markup or other custom buttons.

1. Create the page [[User:YOURNAME/yourskin.js]] "yourskin" is the name of the skin you are using. If you are using monobook, it would be monobook.js. Note that the name of the skin is not capitalized, or it will not parse correctly.

2. Place the following in the page and change the quoted text to match what you want in your toolbar:

//
if (mwCustomEditButtons) {
   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "URL of the image location from Commons",
     "speedTip": "short description",
     "tagOpen": "start of tag",
     "tagClose": "end of tag",
     "sampleText": "Text appearing inbetween the tags."};

   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "URL of the image location from Commons",
     "speedTip": "short description",
     "tagOpen": "start of tag",
     "tagClose": "end of tag",
     "sampleText": "Text appearing inbetween the tags."};
}
//

3. You can get the button images from the Wikimedia Commons, just right click on the image and hit copy image location. For more buttons just keep adding sections.

4. Save the page and check to see that it worked correctly, note that nobody but yourself, with the exception of administrators, can edit this page. So you can ensure nobody can alter your settings. Please note that you may have to clear your cache in order to see the changes.

Example:
The code here will produce the following in place of your default edit toolbar:
Toolbar example