MediaWiki:Gadget-wikEd.js

// define  custom buttons (id, class, popup title, image src, width, height, alt text, onClick and parameters)
var wikEdButton = {};
wikEdButton[100] = ['wikEdMiv', 'wikEdButton', 'Make the selection a math element', 'skins/common/images/button_math.png', '16', '16', 'math', 'javascript:WikEdEditButton(this, this.id, null, TestHandler);' ];
wikEdButton[101] = ['wikEdM', 'wikEdButton', 'Make the selection a FB', 'skins/common/images/button_template.png', '16', '16', 'math', 'javascript:WikEdEditButton(this, this.id, null, HdlFB);' ];

// define custom button bars (id outer, class outer, id inner, class inner, height, grip title, button numbers)
var wikEdButtonBar = {};
wikEdButtonBar['customBar'] = ['wikEdButtonBarCustom1',  'wikEdButtonBarCustom1',  'wikEdButtonsCustom1',  'wikEdButtonsCustom1',  44, 'My custom buttons', [100, 'br', 101]];
// define the function which is called upon clicking the custom button
// this example code adds or removes math tags around the selected text

var wikEdButtonKey = {
100: [',', 188] // shift-alt-,: "replace all" button shortcut
}
function TestHandler(obj) {

// select the appropriate text change target (whole, selection, cursor, focusWord, focusLine, selectionWord, or selectionLine)
//   focus... is the text under the cursor; ...Word and ...Line extend the target to the start/end of the word or line
WikEdGetText(obj, 'selection, cursor');
if (obj.selection.plain != '') {
obj.changed = obj.selection;
}
else {
obj.changed = obj.cursor;
}

// make the changes to the plain target text

// remove the previously added formatting
if ( /<math>(.*?)<\/math>/i.test(obj.changed.plain) ) {
obj.changed.plain = obj.changed.plain.replace(/<math>(.*?)<\/math>/gi, '$1');
}

// add the text formatting
else {
obj.changed.plain = '<math>' + obj.changed.plain + '</math>';
obj.changed.plain = obj.changed.plain.replace(/(<math>)( *)(.*?)( *)(<\/math>)/, '$2$1$3$5$4');
}

// keep the changed text selected, needed to remove the formatting with a second custom button click
obj.changed.keepSel = false;

return;
}

function HdlFB(obj) {

// select the appropriate text change target (whole, selection, cursor, focusWord, focusLine, selectionWord, or selectionLine)
//   focus... is the text under the cursor; ...Word and ...Line extend the target to the start/end of the word or line
WikEdGetText(obj, 'selection, cursor');
if (obj.selection.plain != '') {
obj.changed = obj.selection;
}
else {
obj.changed = obj.cursor;
}

// make the changes to the plain target text

// remove the previously added formatting
if ( /\{\{FB\|(.*?)\}\}/i.test(obj.changed.plain) ) {
obj.changed.plain = obj.changed.plain.replace(/\{\{FB\|(.*?)\}\}/gi, '$1');
}

// add the text formatting
else {
obj.changed.plain = '{{FB|' + obj.changed.plain + '}}';
obj.changed.plain = obj.changed.plain.replace(/(\{\{FB\|)( *)(.*?)( *)(\}\})/, '$2$1$3$5$4');
}

// keep the changed text selected, needed to remove the formatting with a second custom button click
obj.changed.keepSel = true;

return;
}


var wikEdConfig = {};
wikEdConfig.button = [];
wikEdConfig.button[100] = ['wikEdDiv', 'wikEdButton', 'Make the selection a html DIV element', 'http://upload.wikimedia.org/wikipedia/commons/6/67/WikEd_logo.png', '16', '16', 'DIV', 'javascript:WikEdEditButton(this, this.id, null, TestHandler);' ];
wikEdConfig.button[101] = ['wikEdTest', 'wikEdButton', 'This is a test button', 'http://upload.wikimedia.org/wikipedia/commons/0/07/WikEd_disabled.png', '16', '16', 'Test', 'javascript:WikEdEditButton(this, this.id, null, TestHandler);' ];

// define custom button bars (id outer, class outer, id inner, class inner, height, grip title, button numbers)
wikEdConfig.buttonBar = {};
wikEdConfig.buttonBar.custom1 = ['wikEdButtonBarCustom1',  'wikEdButtonBarCustom1',  'wikEdButtonsCustom1',  'wikEdButtonsCustom1',  44, 'My custom buttons', [100, 'br', 101] ];
wikEdConfig.buttonBar.custom2 = ['wikEdButtonBarCustom2',  'wikEdButtonBarCustom2',  'wikEdButtonsCustom2',  'wikEdButtonsCustom2',  44, 'My custom buttons', [100, 'br', 101] ];

// define the function which is called upon clicking the custom button
// this example code adds or removes div tags around the selected text

function TestHandler(obj) {

// select the appropriate text change target (whole, selection, cursor, focusWord, focusLine, selectionWord, or selectionLine)
//   focus... is the text under the cursor; ...Word and ...Line extend the target to the start/end of the word or line
WikEdGetText(obj, 'selection, cursor');
if (obj.selection.plain != '') {
obj.changed = obj.selection;
}
else {
obj.changed = obj.cursor;
}

// make the changes to the plain target text

// remove the previously added formatting
if ( /<div>(.*?)<\/div>/i.test(obj.changed.plain) ) {
obj.changed.plain = obj.changed.plain.replace(/<div>(.*?)<\/div>/gi, '$1');
}

// add the text formatting
else {
obj.changed.plain = '<div>' + obj.changed.plain + '</div>';
obj.changed.plain = obj.changed.plain.replace(/(<div>)( *)(.*?)( *)(<\/div>)/, '$2$1$3$5$4');
}

// keep the changed text selected, needed to remove the formatting with a second custom button click
obj.changed.keepSel = true;

return;
}


// install [[Wikipedia:User:Cacycle/wikEd]] in-browser text editor
document.write('<script type="text/javascript" src="'
+ 'http://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd.js'
+ '&action=raw&ctype=text/javascript"></' + 'script>');