« MediaWiki:Common.js » : différence entre les versions

De Sur les traces des sondes Voyager
Aller à : navigation, rechercher
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 4 : Ligne 4 :
// Configure a new toolbar entry on the given $textarea jQuery object.
// Configure a new toolbar entry on the given $textarea jQuery object.


$textarea.wikiEditor( 'addToToolbar', {
$textarea.wikiEditor( 'addToToolbar', {
section: 'emoticons',
section: 'secondary',
group: 'faces',
group: 'default',
tools: {
tools: {
smile: {
dothing: {
label: 'Smile!', // or use mw.message( key ).escaped() for a localized label, see above
type: 'element',
type: 'button',
element: function ( context ) {
icon: '//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Gnome-face-smile.svg/22px-Gnome-face-smile.svg.png',
// Note that the `context` object contains various useful references.
action: {
console.log( context );
type: 'encapsulate',
var button = new OO.ui.ButtonInputWidget( {
options: {
label: 'Do a thing',
pre: ":)" // text to be inserted
icon: 'hieroglyph'
} );
button.connect( null, {
click: function ( e ) {
// Do whatever is required when the button is clicked.
console.log( e );
OO.ui.alert( 'A thing is done.' );
}
} );
return button.$element;
}
}
}
}
}
}
}
} );
} );




} );
} );
}
}

Version du 29 août 2023 à 11:59

if ( [ 'edit', 'submit' ].indexOf( mw.config.get( 'wgAction' ) ) !== -1 ) {
	// Add a hook handler.
	mw.hook( 'wikiEditor.toolbarReady' ).add( function ( $textarea ) {
		// Configure a new toolbar entry on the given $textarea jQuery object.

	$textarea.wikiEditor( 'addToToolbar', {
		section: 'secondary',
		group: 'default',
		tools: {
			dothing: {
				type: 'element',
				element: function ( context ) {
					// Note that the `context` object contains various useful references.
					console.log( context );
					var button = new OO.ui.ButtonInputWidget( {
						label: 'Do a thing',
						icon: 'hieroglyph'
					} );
					button.connect( null, {
						click: function ( e ) {
							// Do whatever is required when the button is clicked.
							console.log( e );
							OO.ui.alert( 'A thing is done.' );
						}
					} );
					return button.$element;
				}
			}
		}
	} );


} );
}