User:MarkS/extraeditbuttons.js: Difference between revisions

Content deleted Content added
MarkS (talk | contribs)
No edit summary
MarkS (talk | contribs)
Promoted development code - now uses mwCustomEditButtons
Line 7:
// I do not know a lot about Javascript so please do not ask for a complicated change
//
// Changed 24/0204/2006 - Window.Onload replaced with addOnloadHook
//
// 25/04/2006 - Altered code to use mwCustomEditButtons which is the official way to insert text
 
 
function InsertButtonsToToolBar()
{
//Strike-Out Button
tooly = document.getElementById('toolbar');
mwCustomEditButtons[mwCustomEditButtons.length] = {
 
"imageFile": "http://upload.wikimedia.org/wikipedia/en/c/c9/Button_strike.png",
if (tooly != null)
"speedTip": "Strike",
{
"tagOpen": "<s>",
StrikeTextButton = "<a href=\"javascript:insertTags('<s>','</s>','Insert text here');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/c/c9/Button_strike.png\" alt=\"Strike\" title=\"Strike-through text\"></a>";
"tagClose": "</s>",
 
"sampleText": "Strike-through text"}
LeftTextButton = "<a href=\"javascript:insertTags('<div style=&quot;text-align: left; direction: ltr; margin-left: 1em;&quot;>\\n','\\n</div>','Left-aligned text');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/e/ea/Button_align_left.png\" alt=\"Left-align\" title=\"Left-aligned text\"></a>";
//Left-Text Button
 
mwCustomEditButtons[mwCustomEditButtons.length] = {
CenterTextButton = "<a href=\"javascript:insertTags('<div style=&quot;text-align: center;&quot;>','</div>','Centered text');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/5/5f/Button_center.png\" alt=\"Centered\" title=\"Centered text\"></a>";
"imageFile": "http://upload.wikimedia.org/wikipedia/en/e/ea/Button_align_left.png",
 
"speedTip": "Left-Align",
TableButton = "<a href=\"javascript:insertTags('\\n{| border=&quot;1&quot; \\n|- \\n| 1 || 2\\n|- \\n| 3 || 4','\\n|}\\n','');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/6/60/Button_insert_table.png\" alt=\"Table\" title=\"Insert table\"></a>";
"tagOpen": "<div style='text-align: left; direction: ltr; margin-left: 1em;'>\n",
 
"tagClose": "\n</div>",
EenterButton = "<a href=\"javascript:insertTags('<br />','','');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/1/13/Button_enter.png\" alt=\"Break\" title=\"Line break\"></a>";
"sampleText": "Left-aligned text"}
 
//Center-Text Button
UpperTextButton = "<a href=\"javascript:insertTags('<sup>','</sup>','Superscript');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/8/80/Button_upper_letter.png\" alt=\"Superscript\" title=\"Superscript text\"></a>";
mwCustomEditButtons[mwCustomEditButtons.length] = {
 
LowerTextlButton = "<a href=\imageFile"javascript:insertTags('<sub>','</sub>','Subscript');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/75/705f/Button_lower_letterButton_center.png\" alt=\"Subscript\" title=\"Subscript text\"></a>";,
"speedTip": "Center",
 
"tagOpen": "<div style='text-align: center;'>\n",
SmallTextButton = "<a href=\"javascript:insertTags('<small>','</small>','Small text');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/5/58/Button_small.png\" alt=\"Small\" title=\"Small text\"></a>";
"tagClose": "\n</div>",
 
"sampleText": "Centered text"}
CommentButton = "<a href=\"javascript:insertTags('<!--','-->','Comment here');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/3/34/Button_hide_comment.png\" alt=\"Comment\" title=\"Insert hidden comment\"></a>";
//Table button
 
mwCustomEditButtons[mwCustomEditButtons.length] = {
GalleryButton = "<a href=\"javascript:insertTags('\\n<gallery>\\n','\\n</gallery>','Image:FileName.jpg|Caption1\\Image:FileName2.jpg|Caption2');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/1/12/Button_gallery.png\" alt=\"Gallery\" title=\"Insert a picture gallery\"></a>";
"imageFile": "http://upload.wikimedia.org/wikipedia/en/6/60/Button_insert_table.png",
 
"speedTip": "Table",
SecondaryHeadlineButton = "<a href=\"javascript:insertTags('\\n===','===','Secondary headline');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/e/e9/Button_headline2.png\" alt=\"2nd header\" title=\"Insert secondary headline\"></a>";
"tagOpen": "\n{| border='1' \n|- \n| 1 || 2\n|- \n| 3 || 4",
 
"tagClose": "\n|}\n",
ShiftingButton = "<a href=\"javascript:insertTags(':','',':');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/8/8e/Button_shifting.png\" alt=\"Tab\" title=\"Insert tab(s)\"></a>";
"sampleText": ""}
 
//Line break button
BlockQuoteButton = "<a href=\"javascript:insertTags('<blockquote style=&quot;border: 1px solid blue; padding: 2em;&quot;>\\n','\\n</blockquote>','Block quote');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/f/fd/Button_blockquote.png\" alt=\"Block quote\" title=\"Insert block of quoted text\"></a>";
mwCustomEditButtons[mwCustomEditButtons.length] = {
 
FontColorButton = "<a href=\imageFile"javascript:insertTags('<span style=&quot;color: ColorName&quot;>','</span>','Span of text');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/1/1e13/Button_font_colorButton_enter.png\" alt=\"Color\" title=\"Insert colored text\"></a>";,
"speedTip": "Line break",
 
"tagOpen": "<br />",
CodeButton = "<a href=\"javascript:insertTags('<code>','</code>','Code');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/2/23/Button_code.png\" alt=\"Code\" title=\"Insert code\"></a>";
"tagClose": "",
 
"sampleText": ""}
SubLinkButton = "<a href=\"javascript:insertTags('[[Page#',']]','Sub_page');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/9/93/Button_sub_link.png\" alt=\"sub-page link\" title=\"Insert link to sub-page\"></a>";
//Superscript
 
mwCustomEditButtons[mwCustomEditButtons.length] = {
DefinitionListCodeButton = "<a href=\"javascript:insertTags('\\n; ',' : ','Insert text');\"><img src=\"http://upload.wikimedia.org/wikipedia/en/d/d3/Button_definition_list.png\" alt=\"Definition\" title=\"Insert definition list\"></a>";
"imageFile": "http://upload.wikimedia.org/wikipedia/en/8/80/Button_upper_letter.png",
 
"speedTip": "Superscript",
 
"tagOpen": "<sup>",
extraHTML = StrikeTextButton + LeftTextButton + CenterTextButton + TableButton + EenterButton + UpperTextButton + LowerTextlButton + SmallTextButton + CommentButton + GalleryButton + SecondaryHeadlineButton + ShiftingButton + BlockQuoteButton + FontColorButton + CodeButton + SubLinkButton + DefinitionListCodeButton;
"tagClose": "</sup>",
 
"sampleText": "Superscript text"}
 
//Subscript
node2 = document.createElement("span");
mwCustomEditButtons[mwCustomEditButtons.length] = {
tooly.parentNode.insertBefore(node2, tooly.nextSibling);
"imageFile": "http://upload.wikimedia.org/wikipedia/en/7/70/Button_lower_letter.png",
node2.innerHTML=extraHTML;
"speedTip": "Subscript",
 
"tagOpen": "<sub>",
 
"tagClose": "</sub>",
}
"sampleText": "Subscript text"}
//Small Text
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/5/58/Button_small.png",
"speedTip": "Small",
"tagOpen": "<small>",
"tagClose": "</small>",
"sampleText": "Small Text"}
//Comment
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/3/34/Button_hide_comment.png",
"speedTip": "Insert hidden Comment",
"tagOpen": "<!-- ",
"tagClose": " -->",
"sampleText": "Comment"}
//Gallery
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/1/12/Button_gallery.png",
"speedTip": "Insert a picture gallery",
"tagOpen": "\n<gallery>\n",
"tagClose": "\n</gallery>",
"sampleText": "Image:FileName.jpg|Caption1\\Image:FileName2.jpg|Caption2"}
//Secondary Headline
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/e/e9/Button_headline2.png",
"speedTip": "Secondary headline",
"tagOpen": "\n===",
"tagClose": "===",
"sampleText": "Secondary headline"}
//Tabs
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/8/8e/Button_shifting.png",
"speedTip": "Insert tab(s)",
"tagOpen": ":",
"tagClose": "",
"sampleText": ":"}
//Block Quote
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/f/fd/Button_blockquote.png",
"speedTip": "Insert block of quoted text",
"tagOpen": "<blockquote style='border: 1px solid blue; padding: 2em;'>\n",
"tagClose": "\n</blockquote>",
"sampleText": "Block quote"}
//Colour
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/1/1e/Button_font_color.png",
"speedTip": "Insert colored text",
"tagOpen": "<span style='color: ColorName'>",
"tagClose": "</span>",
"sampleText": "Span of text"}
//Code
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/2/23/Button_code.png",
"speedTip": "Insert code",
"tagOpen": "<code>",
"tagClose": "</code>",
"sampleText": "Code"}
//Sub-Link
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/9/93/Button_sub_link.png",
"speedTip": "Insert link to sub-page",
"tagOpen": "[[Page#",
"tagClose": "]]",
"sampleText": "Sub_page"}
//Definition List
mwCustomEditButtons[mwCustomEditButtons.length] = {
"imageFile": "http://upload.wikimedia.org/wikipedia/en/d/d3/Button_definition_list.png",
"speedTip": "Insert definition list",
"tagOpen": "\n; ",
"tagClose": " : ",
"sampleText": "Insert text"}
}
addOnloadHook( InsertButtonsToToolBar );