FANDOM


Les contributeurs qui utilisent le mode source de l'éditeur classique de FANDOM peuvent être intéressés par la personnalisation des boutons d'édition de la barre d'outils. Ces boutons permettent d'insérer des caractères spéciaux ou des blocs de texte dans la zone de modification.

Note : Cette barre d'outil n'apparaît pas en mode visuel. Vérifiez et changez au besoin vos préférences.

La barre d'outil de base Modifier

La barre d'outils par défaut ressemble à cela :

button_bold.png
button_italic.png
button_link.png
button_extlink.png
button_headline.png
button_image.png
button_media.png
button_math.png
button_nowiki.png
button_sig.png
button_hr.png
button_wmu.png
button_vet.png
gallery_add.png

Vous pouvez ajouter des boutons personnalisés sur votre page wikia.js personnelle afin que vous soyez la seule personne à les voir et les utiliser, ou bien en ajouter sur la page MediaWiki:Common.js pour qu'ils soient disponibles pour tous les utilisateurs du wiki.

Une barre d'outil personnalisée peut ressembler à quelque chose comme ça :

Custombuttons

Comment utiliser les boutons ? Modifier

Lors de la modification d'une page en mode source, cliquer sur un des boutons permettra d'insérer un symbole ou un morceau de texte. Par exemple, cliquer sur le bouton button_bold.png insérera au niveau du curseur le texte suivant : '''Texte gras'''. Si vous mettez en surbrillance du texte que vous souhaitez mettre en gras, cliquer sur le bouton ajoutera ''' de chaque côté du texte en surbrillance afin qu'il soit en gras une fois la page publiée. Les autres boutons fonctionnent de manière similaire, essayez de cliquer sur certains d'entre eux et regardez ce qu'ils insèrent.

Comment créer et importer les images des boutons ? Modifier

La première chose à faire est de créer une image 23x22 avec n'importe quel programme de retouche d'image (vous pouvez utiliser Button blank comme modèle). Ensuite, importez-la comme vous le feriez avec n'importe quelle autre image.

Note : Si votre image sert une fonction que d'autres wikis pourraient trouver utile, merci d'importer l'image sur le Community Central (et assurez-vous de l'ajouter à la catégorie « Custom edit buttons »). Vous pouvez voir les boutons que d'autres personnes ont importés sur Category:Custom edit buttons.

Comment modifier le fichier JavaScript ? Modifier

Trouvez la bonne page JavaScript (.js) où ajouter les boutons. Pour cela, vous pouvez vous référer à Aide:CSS et JS avancés.

Ajoutez une nouvelle section mwCustomEditButtons sur la page. Vous devrez ajouter une section pour chaque bouton personnalisé que vous souhaitez ajouter. Ci-dessous se trouve un exemple de ce à quoi devrait ressembler le contenu de la page :

if (mwCustomEditButtons.length) {
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/c/c8/Button_redirect.png",
		"speedTip": "Redirection",
		"tagOpen": "#REDIRECT [" + "[",
		"tagClose": "]]",
		"sampleText": "Insérer le texte"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/c/c9/Button_strike.png",
		"speedTip": "Barré",
		"tagOpen": "<s>",
		"tagClose": "</s>",
		"sampleText": "Texte barré"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/1/13/Button_enter.png",
		"speedTip": "Retour à la ligne",
		"tagOpen": "<br />",
		"tagClose": "",
		"sampleText": ""
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Commentaire visible uniquement aux contributeurs",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Insérer ici le commentaire"
	};
}

Si vous souhaitez ajouter un bouton, copiez la section suivante :

	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Commentaire visible uniquement aux contributeurs",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Insérer ici le commentaire"
	};

Ensuite, collez-la après la dernière accolade fermante et le point-virgule : };. De là, remplacez chaque valeur pour faire correspondre à la fonction du bouton que vous souhaitez. Les valeurs sont :

imageFile
L'URL complète de l'image.
Vous trouverez l'URL complète de l'image en allant sur la page de description d'une image et en cliquant sur l'hyperlien situé sous l'image pour voir l'image à sa taille maximale. Utilisez l'URL de la page résultante qui ne contient que l'image.
L'image doit être stockée sur votre communauté ou sur le Community Central — elle doit utiliser une URL wikia.com.
speedTip
Texte de l'infobulle (qui apparaît lorsque vous passez votre souris sur le bouton).
tagOpen
L'étiquette d'ouverture
tagClose
L'étiquette de fermeture (omis s'il n'y a pas de texte automatique nécessaire).
sampleText
Le texte qui apparaîtra automatiquement entre les deux insertions (entre les deux étiquettes). Il est destiné à être remplacé par le texte que vous souhaitez. Laissez vide si vous n'avez pas besoin d'avoir du texte entre l'étiquette d'ouverture et de fermeture.

Une fois que vous avez publié la page et rafraîchi le cache de votre navigateur, vos boutons personnalisés apparaîtront lorsque vous modifierez une page en mode source.

Voir aussi Modifier

Les images importées disponibles sur le Community Central :

Autres images disponibles (à copier et importer sur le Community Central au besoin) :

Encore plus d'exemples sur :

Plus d'aideModifier

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA  .