Extension:WikiEditor/Toolbar customization/Library
To use these snippets, you need to paste them inside of the function customizeToolbar
from the basic setup. See icon list to choose for your new button.
Snippets requiring no customizationEdit
Strikethrough buttonEdit
This puts the button in the "Advanced" section of the toolbar. To put it in the top section of the toolbar instead, replace 'advanced'
with 'main'
. The button uses the old toolbar's strikethrough image; to change this, change the URL after icon:
.
$('#wpTextbox1').wikiEditor('addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"strikethrough": {
label: 'Strike',
type: 'button',
icon: '//upload.wikimedia.org/wikipedia/commons/3/30/Btn_toolbar_rayer.png',
action: {
type: 'encapsulate',
options: {
pre: "<s>",
post: "</s>"
}
}
}
}
});
Horizontal line buttonEdit
This puts the button in the "Advanced" section of the toolbar. To put it in the top section of the toolbar instead, replace 'advanced'
with 'main'
. The button uses the old toolbar's horizontal line image; to change this, change the URL after icon:
.
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"hline": {
label: 'Horizontal line',
type: 'button',
icon: '//upload.wikimedia.org/wikipedia/commons/a/a4/H-line_icon.png',
action: {
type: 'encapsulate',
options: {
pre: "----",
ownline: true
}
}
}
}
} );
Comment buttonEdit
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"comment": {
label: 'Comment',
type: 'button',
icon: '//upload.wikimedia.org/wikipedia/commons/3/37/Btn_toolbar_commentaire.png',
action: {
type: 'encapsulate',
options: {
pre: "<!-- ",
post: " -->"
}
}
}
}
} );
Math buttonEdit
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"math": {
label: 'Math',
type: 'button',
icon: '//upload.wikimedia.org/wikipedia/commons/2/2e/Button_math.png',
action: {
type: 'encapsulate',
options: {
pre: "<math>",
post: "</math>"
}
}
}
}
} );