Hinzufügen von Buttons zum WikiEditor
Um Neue Buttons dem WikiEditor hinzuzufügen muss die Datei MediaWiki:Common.js bearbeitet werden. Der Benutzer mit dem das Seitenweite JS editieren will muss der Gruppe Benutzeroberflächenadministratoren zugeordnet werden.
Mehr Infos hier:
- http://www.mediawiki.org/wiki/Extension:WikiEditor/Toolbar_customization
- http://tng.lythgoes.net/wiki/index.php?title=New_Buttons_added_to_WikiEditor
- http://www.mediawiki.org/wiki/Extension:WikiEditor/Toolbar_customization/Library
Die PNG Bild Dateien dürfen nur 22x22 Pixel haben. Folgender ImageMagick Befehl konvertiert die Bild Dateien:
convert Button_progress.png -resize 22 Button_progress_new.png
MediaWiki:Common.js
/* Jedes JavaScript hier wird für alle Benutzer für jede Seite geladen. */
/* WikiEditor Buttons */
var customizeToolbar = function() {
/* FIRST */
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'main',
group: 'insert',
tools: {
'categorytext': {
label: 'Category',
type: 'button',
icon: '/images/buttons/Button_category_new.png',
action: {
type: 'encapsulate',
options: {
pre: "[[Kategorie:",
periMsg: "KategorieName",
post: "]]"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'main',
'group': 'insert',
'tools': {
'workinprogress': {
label: 'WorkInProgress Vorlage',
type: 'button',
icon: '/images/buttons/Button_progress_new.png',
action: {
type: 'encapsulate',
options: {
pre: "{{WorkInProgress}}",
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'main',
'group': 'insert',
'tools': {
'toc': {
label: 'Table of Content einfügen',
type: 'button',
icon: '/images/buttons/Button_numbered_list.png',
action: {
type: 'encapsulate',
options: {
pre: "__TOC__",
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'main',
'group': 'insert',
'tools': {
'tocright': {
label: 'Table of Content rechts einfügen',
type: 'button',
icon: '/images/buttons/Button_Toc.png',
action: {
type: 'encapsulate',
options: {
pre: "{{TOCright}}",
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'main',
'group': 'insert',
'tools': {
'pretext': {
label: '<pre>',
type: 'button',
icon: '/images/buttons/Button_pre.png',
action: {
type: 'encapsulate',
options: {
pre: "<pre>",
periMsg: "insert pre text here",
post: "</pre>"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'main',
'group': 'insert',
'tools': {
'sourcetext': {
label: '<syntaxhighlight>',
type: 'button',
icon: '/images/buttons/Button_Source_new.png',
action: {
type: 'encapsulate',
options: {
pre: "<syntaxhighlight lang=bash>",
periMsg: "insert source text here",
post: "
"
}
}
}
}
}); $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'advanced',
'group': 'format',
'tools': {
'codetext': {
label: '',
type: 'button',
icon: '/images/buttons/Button_code.png',
action: {
type: 'encapsulate',
options: {
pre: "",
periMsg: "insert code text here",
post: ""
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
'section': 'advanced',
'group': 'format',
'tools': {
'hline': {
label: 'Horizontal line',
type: 'button',
icon: '/images/buttons/Button_hr.png',
action: {
type: 'encapsulate',
options: {
pre: "----",
ownline: true
}
}
}
}
});
$('#wpTextbox1').wikiEditor('addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"strikethrough": {
label: 'Strike',
type: 'button',
icon: '/images/buttons/Button_strike.png',
action: {
type: 'encapsulate',
options: {
pre: "",
post: ""
}
}
}
}
});
$('#wpTextbox1').wikiEditor('addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"underline": {
label: 'Underline',
type: 'button',
icon: '/images/buttons/Button_underline.png',
action: {
type: 'encapsulate',
options: {
pre: "",
post: ""
}
}
}
}
});
// LAST
$('#wpTextbox1').wikiEditor('addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"span": {
label: 'Span',
type: 'button',
icon: '/images/buttons/Button_span_2.png',
action: {
type: 'encapsulate',
options: {
pre: "",
post: ""
}
}
}
}
});
};
/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if ( [ 'edit', 'submit' ].indexOf( mw.config.get( 'wgAction' ) ) !== -1 ) {
mw.loader.using( 'user.options' ).then( function () {
if ( mw.user.options.get( 'usebetatoolbar' ) == 1 ) {
$.when(
mw.loader.using( 'ext.wikiEditor' ), $.ready
).then( customizeToolbar );
}
} );
}
</syntaxhighlight>