User:MarkS/Extra edit buttons

Extra edit buttons allows the user to change the buttons on the top of the edit panel. The main features are:
 * Ability to add buttons to the toolbar. Extra Edit buttons makes a large number of extra buttons available to the user. Simply including the script will add a set of extra buttons to your toolbar.
 * The option to change the order of the buttons.
 * The option to remove the standard buttons
 * The option to include extra user defined buttons.
 * Popup dialog boxes to easily customise the markup code that is entered.

Supported Browsers
I normally test Extra Edit buttons:
 * Firefox (Windows XP SP2)
 * Internet Explorer 7 (Windows XP SP2)
 * Opera (Windows XP SP2).
 * Safari (Windows) v3.0.1 onwards

The code will normally be tweaked to ensured that it works fully on these browsers.

I may sometimes test on:
 * SeaMonkey (Windows XP SP2)
 * Firefox on Linux (Ubuntu).
 * Konqueror (Ubunutu)
 * Earlier version of IE

Users
A list of users of XEB is kept at List of users. The list will be used to help contact interested parties in the event of new features/radical changes/problems. XEB will work whether or not you are on the list of users.

Simple Install
For extra edit page buttons, put the following code in your monobook.js, replacing "monobook" with the name of your skin, in all lowercase (using "standard" for Classic skin).

User:MarkS/extraeditbuttons.js

Once this has been done, refresh Wikipedia in your browser (select Refresh or Reload) and the new buttons will be available on your toolbar. You do not need to do anything further. If after using the extra edit buttons for some time you wish to alter the buttons available or the order of the buttons then please read the more detailed instructions below.

Customised Install
To fully customise extra edit buttons then add the following code to your monobook.js, replacing "monobook" with the name of your skin, in all lowercase (using "standard" for Classic skin).

XEBOrder='A,B,C,D'; rmEditButtons=[1,2,3]; myButtons=[]; User:MarkS/extraeditbuttons.js

Note: If you don't add one or more of these variables to your monobook.js then extra edit buttons will still work.
 * XEBOrder specifies which buttons to display and the order in which to display them
 * rmEditButtons lists the standard buttons to remove
 * myButtons lists extra buttons which you wish to use with extra edit buttons.

The buttons
Extra edit buttons includes the buttons listed below. Those marked as standard are added to your toolbar if you install XEB. The remaining buttons can be included by using the XEBOrder option (see below).

You can also specify completely new buttons to be included using the myButtons option (see below).

{| border='1' class="wikitable sortable" !| Icon || Name || Standard || Code || Popup || Comments / What is shown when editing
 * || Bold || || 0 || || Bold text
 * || Italic || || 1 || || Italic text
 * || Wiki link || || 2 || || Link title
 * || Web link || || 3 || || link title
 * || Heading || || 4 || || == Headline text ==
 * || Image || || 5 || || [[Image:Example.jpg]]
 * || Media File Link || || 6 || || [[Media:Example.ogg]]
 * || Mathematical Formula || || 7 || || $$Insert formula here$$
 * || No Wiki || || 8 || || Insert non-formatted text here
 * || Signature || || 9 || || -- ~
 * || Horizontal Line || || 10 || ||
 * [[Image:Button_headline2.png]] || Secondary Headline || * ||A || ||
 * || Media File Link || || 6 || || [[Media:Example.ogg]]
 * || Mathematical Formula || || 7 || || $$Insert formula here$$
 * || No Wiki || || 8 || || Insert non-formatted text here
 * || Signature || || 9 || || -- ~
 * || Horizontal Line || || 10 || ||
 * [[Image:Button_headline2.png]] || Secondary Headline || * ||A || ||
 * || Signature || || 9 || || -- ~
 * || Horizontal Line || || 10 || ||
 * [[Image:Button_headline2.png]] || Secondary Headline || * ||A || ||
 * || Horizontal Line || || 10 || ||
 * [[Image:Button_headline2.png]] || Secondary Headline || * ||A || ||
 * [[Image:Button_headline2.png]] || Secondary Headline || * ||A || ||

Secondary headline

 * [[Image:Button_enter.png]] || Line break ||  ||B || ||
 * [[Image:Button_enter.png]] || Line break ||  ||B || ||

Left-aligned text Centred text Right-aligned text
 * [[Image:Button_align_left.png]] || Align left || * ||D || ||
 * [[Image:Button_align_left.png]] || Align left || * ||D || ||
 * [[Image:Button_center.png]] || Centred text || * ||C || ||
 * [[Image:Button_center.png]] || Centred text || * ||C || ||
 * [[Image:Button_align_right.png]] || Align Right || * ||D1 || ||
 * [[Image:Button_align_right.png]] || Align Right || * ||D1 || ||
 * [[Image:Button_font_color.png]] || Coloured text || * ||F || || Coloured text
 * [[Image:Button_underline.png]] || Underline || * ||U || ||  Underlined text
 * [[Image:Button_strike.png]] || Strike through text || * ||S || || Struck out text
 * [[Image:Button_sup_letter.png]] || Superscript || ||I1 |||| undefined
 * [[Image:Button_sub_letter.png]] || Subscript || ||I2 || || Subscript text
 * [[Image:Button_small.png]] || Small text || * ||J1 || || Small Text
 * [[Image:Button_array.png]] || Insert table|| * ||E|| Yes || Displays a popup allow the user to set the type of table they want. Typical markup inserted:
 * [[Image:Button_sup_letter.png]] || Superscript || ||I1 |||| undefined
 * [[Image:Button_sub_letter.png]] || Subscript || ||I2 || || Subscript text
 * [[Image:Button_small.png]] || Small text || * ||J1 || || Small Text
 * [[Image:Button_array.png]] || Insert table|| * ||E|| Yes || Displays a popup allow the user to set the type of table they want. Typical markup inserted:
 * [[Image:Button_small.png]] || Small text || * ||J1 || || Small Text
 * [[Image:Button_array.png]] || Insert table|| * ||E|| Yes || Displays a popup allow the user to set the type of table they want. Typical markup inserted:
 * [[Image:Button_array.png]] || Insert table|| * ||E|| Yes || Displays a popup allow the user to set the type of table they want. Typical markup inserted:

; Definition
 * [[Image:Btn_toolbar_gallery.png]] || Insert a gallery || * ||G || ||
 * [[Image:Btn_toolbar_gallery.png]] || Insert a gallery || * ||G || ||
 * [[Image:Button_definition_list.png]] || Definition list || * ||Q || ||
 * [[Image:Button_definition_list.png]] || Definition list || * ||Q || ||

: Item 2


 * [[Image:Btn_toolbar_enum.png]] || Numbered list || * ||W || ||
 * 1) Element 1
 * 1) Element 1


 * 1) Element 2
 * 1) Element 3

* Element 1
 * [[Image:Btn_toolbar_liste.png]] || Bulleted list || * ||X || ||
 * [[Image:Btn_toolbar_liste.png]] || Bulleted list || * ||X || ||

* Element 2 * Element 3

Block quote ==Notes==
 * [[Image:Button_category03.png]] || Category || * ||K || ||
 * [[Image:Button_shifting.png]] || Tabs || * ||L || || :
 * [[Image:Button blockquote.png]] || Block quote text || * ||M || || 
 * [[Image:Button_shifting.png]] || Tabs || * ||L || || :
 * [[Image:Button blockquote.png]] || Block quote text || * ||M || || 
 * [[Image:Button blockquote.png]] || Block quote text || * ||M || || 
 * [[Image:Button_comment.png]] || Comment || * ||H || ||
 * [[Image:Button_code.png]] || Insert code || * ||O || ||
 * [[Image:Button_reflink.png]] || Reference (see below) || * ||R ||Yes ||
 * [[Image:Button_plantilla.png]] || Add a template || * ||T || ||
 * [[Image:Button_redirect.png]] || Redirect ||   ||V || || #REDIRECT Article Name
 * [[Image:Button_miss_signature.png]] || Unsigned post || || FS || || user name or IP
 * [[Image:Button_big.png]] || Big text|| ||J2 || || Big text
 * [[Image:Button_nbsp.png]] || Non breaking space ||  ||N || ||
 * [[Image:Button_pre.png]] || Pre formatted text ||  ||P || ||  Pre formatted text
 * [[Image:Button_sub_link.png]] || Link to a sub page ||  ||P1 || || Page/Sub_Page
 * [[Image:Button_reflink.png]] || Start a reference (see below)||  ||R1 || ||  |
 * [[Image:Button template alt.png]] || Reference footer || || R4|| ||
 * [[Image:Button_nbsp.png]] || Non breaking space ||  ||N || ||
 * [[Image:Button_pre.png]] || Pre formatted text ||  ||P || ||  Pre formatted text
 * [[Image:Button_sub_link.png]] || Link to a sub page ||  ||P1 || || Page/Sub_Page
 * [[Image:Button_reflink.png]] || Start a reference (see below)||  ||R1 || ||  |
 * [[Image:Button template alt.png]] || Reference footer || || R4|| ||
 * [[Image:Button_reflink.png]] || Start a reference (see below)||  ||R1 || ||  |
 * [[Image:Button template alt.png]] || Reference footer || || R4|| ||
 * [[Image:Button_reflink_advanced_3.png]] || End a reference (see below) ||  ||R3 || || "/> |
 * [[Image:Button template alt.png]] || Reference footer || || R4|| ||
 * [[Image:Button template alt.png]] || Reference footer || || R4|| ||


 * 1) Once the script is running you should move the images from MediaWiki to your own wiki.

There may be other ways to install the script. For example it could be installed in common.js which would provide the script to all users. I have never tried this.

Credits

 * Brian0918 who supplied the code to English Wikipedia from Hebrew Wikipedia
 * Ingoolemo for supply the code for four of the buttons and the original GIF images (which I converted to PNG)
 * Olliminatore for supplying a major rewrite of the code producing something significantly shorter and simpler
 * Karl Dickman for converting some GIF images to PNG images

de:User:Olliminatore/Extra-Editbuttons es:User:Axxgreazz/Monobook-Suite/Botonera