User:VarunFEB2003/textFormatter.js

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

$.ajax({
	url: 'https://meta.wikimedia.org/w/index.php?title=User:Krinkle/Scripts/InsertWikiEditorButton.js&action=raw&ctype=text/javascript',
	dataType: 'script',
	cache: true
}).done(function () {
	
	// Underline
	krInsertWikiEditorButton({
		id: "mw-customeditbutton-myspecialbutton",
		icon: "https://upload.wikimedia.org/wikipedia/commons/f/fd/Button_underline.png",
		label: 'Underline text',
		insertBefore: '<u>',
		insertAfter: '</u>',
		sampleText: 'Replace this with your text' 
	});

	// Left align
	krInsertWikiEditorButton({
		id: "mw-customeditbutton-myspecialbutton",
		icon: "https://upload.wikimedia.org/wikipedia/en/e/ea/Button_align_left.png",
		label: 'Left align',
		insertBefore: '<div style="text-align: left;">',
		insertAfter: '</div>',
		sampleText: 'Replace this with your text' // This only appers if you don't select text to be left aligned!
	});

	// Center align
	krInsertWikiEditorButton({
		id: 'mw-customeditbutton-anotherspecialbutton',
		icon: 'https://upload.wikimedia.org/wikipedia/commons/5/5f/Button_center.png',
		label: 'Center align',
		insertBefore: '<div style="text-align: center;">',
		insertAfter: '</div>',
		sampleText: 'Replace this with your text' // This only appers if you don't select text to be center aligned!
	});
	
	// Justified
	krInsertWikiEditorButton({
		id: 'mw-customeditbutton-anotherspecialbutton',
		icon: 'https://upload.wikimedia.org/wikipedia/en/1/19/Justified_Button.png',
		label: 'Justify',
		insertBefore: '<div style="text-align: justify;">',  
		insertAfter: '</div>',
		sampleText: 'Replace this with your text'
	});

	// Right align
	krInsertWikiEditorButton({
		id: 'mw-customeditbutton-anotherspecialbutton',
		icon: 'https://upload.wikimedia.org/wikipedia/commons/a/a5/Button_align_right.png',
		label: 'Right align',
		insertBefore: '<div style="text-align: right;">',  
		insertAfter: '</div>',
		sampleText: 'Replace this with your text' // This only appers if you don't select text to be right aligned!
	});

	// Change color
	krInsertWikiEditorButton({
		id: 'mw-customeditbutton-anotherspecialbutton',
		icon: 'https://upload.wikimedia.org/wikipedia/en/d/d7/Font_button.png',
		label: 'Change color',
		insertBefore: '<span style="color:Red">',  
		insertAfter: '</span>',
		sampleText: 'Your colored text! Change color name with yours Defaults to red!'
	});

});