Voir la source de Aide:Barre d'outils d'édition/Monobook

{{En-tête Aide
| titre = 
| arianelien = Gérer
| ariane = Gérer votre compte
| arianelien2 = Gadgets
| ariane2 = Gadgets
| voiravant = 
| descriptif = La '''barre de menu d'édition''' de type '''''Monobook''''' permet d'obtenir directement certains codes d'enrichissements typographiques ou spécifiquement wikipédiens.
| voiraussi = 
| techno = 
| technolien = 
| statut = enregistré
| difficulté = 
| avertissement = 
| raccourci = 
}}

{{Encart|important|En cas de disparition soudaine de plusieurs boutons de votre barre Monobook, il y a peut-être un conflit avec un gadget ou bien la barre améliorée. Essayez de supprimer celle-ci dans Préférences > Modification > décochez la case « Activer la barre d’outils améliorée ».}}

== Activation et utilisation ==
Cette fonctionnalité est '''disponible uniquement pour les [[Aide:Compte utilisateur|utilisateurs inscrits]]'''.

<u>'''Pour activer ce gadget''' : </u>
# rendez-vous dans vos préférences puis dans l'onglet « gadget » ([[Spécial:Préférences#mw-prefsection-gadgets|ce lien]] vous y rendra)
## Cochez ''ForceMonobookToolbar'' (si la barre d'outil améliorée présentée ci-dessus n'est pas activée, cette étape ne vous est pas nécessaire).
## Cochez ''MonobookToolbarStandard''

À partir de l'onglet « Modifier le code », son utilisation peut se faire de deux façons :
* On sélectionne le ou les termes à traiter, en les surlignant à l'aide du curseur, puis on clique sur le bouton voulu, les codes se placeront alors automatiquement en amont et en aval de la sélection.
* On clique sur le bouton choisi puis on remplace le texte standard par ce que l'on veut mettre.

== Barre d'outils « MonobookToolbarStandard », affichage de base ==

<div style="text-align: center;">{{nobr|[[Fichier:Button_bold.png|23px|link=|Texte en gras]][[Fichier:Button_italic.png|23px|link=|Texte en italique]][[Fichier:Button_underline.png|23px|link=|Texte souligné]][[Fichier:Btn_toolbar_rayer.png|23px|link=|Texte barré]][[Fichier:Button_sup_letter.png|23px|link=|Texte en exposant]][[Fichier:Button_sub_letter.png|23px|link=|Texte en indice]][[Fichier:Button_bigger.png|23px|link=|Texte en grand]][[Fichier:Button_smaller.png|23px|link=|Texte en petit]][[Fichier:Button_head_A2.png|23px|link=|Chapitre de niveau 2]][[Fichier:Button_head_A3.png|23px|link=|Chapitre de niveau 3]][[Fichier:Button_head_A4.png|23px|link=|Chapitre de niveau 4]][[Fichier:Button_head_A5.png|23px|link=|Chapitre de niveau 5]][[Fichier:Button_link.png|23px|link=|Lien interne]][[Fichier:Button_extlink.png|23px|link=|Lien externe]][[Fichier:Button_category03.png|23px|link=|Catégorie]][[Fichier:Button_template_alt.png|23px|link=|Modèle]][[Fichier:Button_hide_wiki_tag.png|23px|link=|Commentaire caché]][[Fichier:Btn_toolbar_enum.png|23px|link=|Énumération]][[Fichier:Btn_toolbar_liste.png|23px|link=|Liste]][[Fichier:Button_image.png|23px|link=|Image]][[Fichier:Button_media.png|23px|link=|Média]][[Fichier:Btn_toolbar_gallery.png|23px|link=|Galerie d'images]][[Fichier:Math icon.png|23px|link=|Expression mathématique]][[Fichier:Nowiki_icon.png|23px|link=|Ignorer le format wiki]][[Fichier:Button_sig.png|23px|link=|Signature datée]][[Fichier:Button_hr.png|23px|link=|Ligne horizontale]][[Fichier:Button_redirect.png|23px|link=|Redirection]][[Fichier:Button_array.png|23px|link=|Tableau]][[Fichier:Button_enter.png|23px|link=|Saut de ligne]][[Fichier:Button_ref.png|23px|link=|Référence]][[Fichier:Buttonrefvs8.png|23px|link=|Index des références]][[Fichier:Seealso.png|23px|link=|Section Annexes]]}}</div>

=== Description des boutons standards ===

Par ordre de présence dans la barre :
{| class="wikitable" style="width:100%"
|- style="background-color:#efefef;"
! Bouton !! Fonction et Effet dans la zone d'édition !! width="450px" | Rendu dans la page
| Nom de la fonction (voir également [[Aide:Barre d'outils d'édition/Monobook#Personnalisation_particulière|#Personnalisation]])
|-
|[[Fichier:Bold icon.png|centré|link=]]
|Met le texte en caractères gras
<pre><nowiki>'''Texte en gras'''</nowiki></pre>
|'''Texte en gras'''
|mw-editbutton-bold
|-
|[[Fichier:Italic icon.png|centré|link=]]
|Met le texte en caractères italiques
<pre><nowiki>''Texte en italique''</nowiki></pre>
|''Texte en italique''
|mw-editbutton-italic
|-
|[[Fichier:Button_underline.png|centré|link=]]
|Met le texte en caractères soulignés
<pre><nowiki><u>texte souligné</u></nowiki></pre>
|<u>''Texte souligné''</u>
|mw-editbutton-underline
|-
|[[Fichier:Btn_toolbar_rayer.png|centré|link=]]
|Met le texte en caractères barrés
<pre><nowiki><s>texte barré</s></nowiki></pre>
|<s>texte barré</s>
|mw-editbutton-strike
|-
|[[Fichier:Button_sup_letter.png|centré|link=]]
|Met le texte en exposant
<pre><nowiki>Texte normal<sup>texte en exposant</sup></nowiki></pre>
|Texte normal<sup>texte en exposant</sup>
|mw-editbutton-sup
|-
|[[Fichier:Button_sub_letter.png|centré|link=]]
|Met le texte en indice
<pre><nowiki>Texte normal<sub>texte en indice</sub></nowiki></pre>
|Texte normal<sub>texte en indice</sub>
|mw-editbutton-sub
|-
|[[Fichier:Button_bigger.png|centré|link=]]
|Met le texte en caractères de grande taille
<pre><nowiki>Texte normal <big>texte en grand</big></nowiki></pre>
|Texte normal <big>texte en grand</big>
|mw-editbutton-big
|-
|[[Fichier:Button_smaller.png|centré|link=]]
|Met le texte en caractères de petite taille
<pre><nowiki>Texte normal <small>texte en petit</small></nowiki></pre>
|Texte normal <small>texte en petit</small>
|mw-editbutton-small
|-
|[[Fichier:Button_head_A2.png|centré|link=]]
|Insère un titre de section de deuxième niveau
<pre><nowiki> == Nom du chapitre ==</nowiki></pre>
| <div style="border-bottom: 1px solid #aaa;">{{grossir|facteur=1.5|Nom du chapitre}}</div>
|mw-editbutton-headline
|-
|[[Fichier:Button_head_A3.png|centré|link=]]
|Insère un titre de section de troisième niveau
<pre><nowiki> === Nom du chapitre ===</nowiki></pre>
| <div style="border-bottom:1px dotted #AAA;">{{grossir|facteur=1.32|'''Nom du chapitre'''}}</div>
|mw-editbutton-headline3
|-
|[[Fichier:Button_head_A4.png|centré|link=]]
|Insère un titre de section de quatrième niveau
<pre><nowiki> ==== Nom du chapitre ====</nowiki></pre>
| <div style="border-bottom:1px dotted #DDD;">{{grossir|facteur=1.16|'''Nom du chapitre'''}}</div>
|mw-editbutton-headline4
|-
|[[Fichier:Button_head_A5.png|centré|link=]]
|Insère un titre de section de cinquième niveau
<pre><nowiki> ===== Nom du chapitre =====</nowiki></pre>
| <div style="border-bottom:1px dotted #DDD;">{{grossir|facteur=1|'''Nom du chapitre'''}}</div>
|mw-editbutton-headline5
|-
|[[Fichier:Button_link.png|centré|link=]]
|Insère un lien interne à Wikipédia
<pre><nowiki>[[Lien hypertexte]]</nowiki></pre>
|[[Lien hypertexte]]
|mw-editbutton-link
|-
|[[Fichier:Button_extlink.png|centré|link=]]
|Insère un lien externe à Wikipédia
<pre><nowiki>[http://www.google.fr Google]</nowiki></pre>
|[http://www.google.fr Google]
|mw-editbutton-extlink
|-
|[[Fichier:Button_category03.png|centré|link=]]
|Insère une [[Aide:catégorie|catégorie]]
<pre><nowiki>[[Catégorie:nom de la catégorie]]</nowiki></pre>
|[[:Catégorie:nom de la catégorie]]<ref>La catégorie s'affiche en réalité en bas de l'article et n'apparaît pas à l'endroit où elle est insérée.</ref>
|mw-editbutton-category
|-
|[[Fichier:Button_template_alt.png|centré|link=]]
|Insère un [[Aide:modèle|modèle]]
<pre><nowiki>{{modèle ou page à inclure}}</nowiki></pre>
|{{m|modèle ou page à inclure}}
|mw-editbutton-template
|-
|[[Fichier:Button_hide_wiki_tag.png|centré|link=]]
|Insère un commentaire
<pre><nowiki><!--Les commentaires sont
invisibles dans la page--></nowiki></pre>
|<!--Les commentaires sont invisibles dans la page-->
|mw-editbutton-comment
|-
|[[Fichier:Btn_toolbar_enum.png|centré|link=]]
|Insère une liste numérotée
<pre><nowiki>
# élément 1
# élément 2
# élément 3</nowiki></pre>
|
# élément 1
# élément 2
# élément 3
|mw-editbutton-enum
|-
|[[Fichier:Btn_toolbar_liste.png|centré|link=]]
|Insère une liste à puces
<pre><nowiki>
* élément A
* élément B
* élément C</nowiki></pre>
|
* élément A
* élément B
* élément C
|mw-editbutton-liste
|-
|[[Fichier:Button_image.png|centré|link=]]
|Insère une image
<pre><nowiki>[[Fichier:Tournesol FR 2010.jpg|thumb|Description de l'image.]]</nowiki></pre>
|[[Fichier:Helianthus annuus FR 2010.jpg|vignette|Description de l'image.]]
|mw-editbutton-image
|-
|[[Fichier:Button_media.png|centré|link=]]
|Insère un fichier multimédia
<pre><nowiki>[[Fichier:Exemple.ogg|thumb|Description du média.]]</nowiki></pre>
|[[Fichier:Exemple.ogg|vignette|Description du média.]]
|mw-editbutton-media
|-
|[[Fichier:Btn_toolbar_gallery.png|centré|link=]]
|Insère une galerie d'images
<pre><nowiki>
<gallery>
Fichier:Tournesol FR 2010.jpg|[[Tournesol]]
Fichier:Exemple1.jpg|[[La Joconde]]
Fichier:Exemple2.jpg|Un [[hamster]]
</gallery></nowiki></pre>
|
<gallery widths="100" heights="100">
Helianthus annuus FR 2010.jpg|[[Tournesol]]
Exemple1.jpg|[[La Joconde]]
Exemple2.jpg|Un [[hamster]]
</gallery>
|mw-editbutton-gallery
|-
|[[Fichier:Math icon.png|centré|link=]]
|Insère une expression mathématique (format [[Aide:Formules TeX|TeX]])
<pre><nowiki><math>\rho=\sqrt{x_0^2+y_0^2}</math></nowiki></pre>
|<math>\rho=\sqrt{x_0^2+y_0^2}</math>
|mw-editbutton-math
|-
|[[Fichier:Nowiki icon.png|centré|link=]]
|Présente le texte non formaté
<pre><nowiki><nowiki>[[lien]] vers un
'''texte en gras'''</nowiki></nowiki></pre>
|<nowiki>[[lien]] vers un '''texte en gras'''</nowiki>
|mw-editbutton-nowiki
|-
|[[Fichier:Button_sig.png|centré|link=]]
|Insère le nom du contributeur, la date et l'heure d'édition. Cf [[Aide:Signature]]
<pre><nowiki>--~~~~</nowiki></pre>
|
--[[Spécial:Mypage|<<VotreNom>>]] ([[Spécial:Mytalk|discuter]]) 3 janvier 2007 à 21:42 (CET)
|mw-editbutton-signature
|-
|[[Fichier:Button_hr.png|centré|link=]]
|Insère une ligne horizontale
<pre><nowiki>----</nowiki></pre>
|
----
|mw-editbutton-hr
|-
|[[Fichier:Button_redirect.png|centré|link=]]
|Insère un [[Aide:Redirection|lien de redirection automatique vers une autre page]]
<pre><nowiki>#REDIRECTION [[Aide:Redirection]]</nowiki></pre>
|[[Fichier:Redirectltr.png|link=]] <nowiki>#REDIRECTION </nowiki>[[Aide:Redirection]]
|mw-editbutton-redirect
|-
|[[Fichier:Button_array.png|centré|link=]]
|Ouvre une fenêtre permettant d'insérer un tableau
<pre><nowiki>{| class="wikitable"
|-
! titre 1
! titre 2
! titre 3
|-
| rangée 1, case 1
| rangée 1, case 2
| rangée 1, case 3
|-
| rangée 2, case 1
| rangée 2, case 2
| rangée 2, case 3
|}</nowiki></pre>
|
{| class="wikitable"
|-
! titre 1
! titre 2
! titre 3
|-
| rangée 1, case 1
| rangée 1, case 2
| rangée 1, case 3
|-
| rangée 2, case 1
| rangée 2, case 2
| rangée 2, case 3
|}
|mw-editbutton-table
|-
|[[Fichier:Button_enter.png|centré|link=]]
|Insère un saut de ligne
<pre><nowiki>première ligne ligne<br>deuxième ligne</nowiki></pre>
| première ligne ligne<br>deuxième ligne
|mw-editbutton-br
|-
|[[Fichier:Button ref.png|centré|link=]]
|Insère une [[Aide:Insérer une référence (wikicode)|référence]]
<pre><nowiki><ref>référence, citation ou lien</ref></nowiki></pre>
|<ref>Pour plus d'informations, voir la page d'aide sur les [[Aide:Note|notes et références]].</ref>
|mw-editbutton-ref
|-
|[[Fichier:Buttonrefvs8.png|centré|link=]]
|Insère une section contenant toutes les références
<pre> == Notes et références ==
{{Références}}</pre>
|
<div style="border-bottom: 1px solid #aaa;padding-bottom:.17em;margin-bottom:.6em;">{{grossir|facteur=1.5|Notes et références}}</div>
<code>{{m|Références}}</code>
|mw-editbutton-references
|-
|[[Fichier:Seealso.png|centré|link=]]
|Insère la section ''Voir aussi'' habituelle pour le bas d'un article
<pre> == Notes et références ==
{{Références}}

== Annexes ==
=== Articles connexes ===
* [[À remplacer]]

=== Liens externes ===
*

=== Bibliographie ===
* [[À remplacer]]

</pre>
|
<div style="border-bottom: 1px solid #aaa;padding-bottom:.17em;margin-bottom:.6em;">{{grossir|facteur=1.5|Notes et références}}</div>
<code>{{m|Références}}</code>

<div style="border-bottom: 1px solid #aaa;padding-bottom:.17em;margin-bottom:.6em;">{{grossir|facteur=1.5|Annexes}}</div>
<div style="border-bottom:1px dotted #AAA;margin-bottom: .3em;padding-top: 0.6em;padding-bottom: .17em;">{{grossir|facteur=1.32|'''Articles connexes'''}}</div>
* [[À remplacer]]

<div style="border-bottom:1px dotted #AAA;margin-bottom: .3em;padding-top: 0.6em;padding-bottom: .17em;">{{grossir|facteur=1.32|'''Liens externes'''}}</div>
*

<div style="border-bottom:1px dotted #AAA;margin-bottom: .3em;padding-top: 0.6em;padding-bottom: .17em;">{{grossir|facteur=1.32|'''Bibliographie'''}}</div>
* [[À remplacer]]
|mw-editbutton-voiraussi
|}

== Boutons supplémentaires ==

<u>'''Pour activer ces gadgets''' : </u>
# rendez-vous dans vos préférences puis dans l'onglet « Gadgets » ([[Spécial:Préférences#mw-prefsection-gadgets|ce lien]] vous y rendra)
## Cochez ''ForceMonobookToolbar'' (si la barre d'outil améliorée présentée ci-dessus n'est pas activée, cette étape ne vous est pas nécessaire).
## Cochez ''le nom des gadgets désirés''
{{Aide détaillée|Aide:Gadgets}}

=== Gadgets complémentaires ===

Ces gadgets permettent d'ajouter des groupes de boutons, prêts à l'usage.

{{Mediawiki:Gadget-MonobookToolbarSources}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarSources]]}}


{{Mediawiki:Gadget-MonobookToolbarPatrouille}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarPatrouille]]}}


{{Mediawiki:Gadget-MonobookToolbarSmiliesAlien}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarSmiliesAlien]]}}


{{Mediawiki:Gadget-MonobookToolbarChangeCase}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarChangeCase]]}}


{{Mediawiki:Gadget-MonobookToolbarDiacritiques}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarDiacritiques]]}}


{{Mediawiki:Gadget-MonobookToolbarSortSelected}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarSortSelected]]}}


{{Mediawiki:Gadget-MonobookToolbarGotoThisLine}}
{{Article détaillé|contenu=Aide détaillée : [[Projet:Scripts et gadgets/Notices/MonobookToolbarGotoThisLine]]}}

=== Personnalisation particulière ===
{{Aide détaillée|Aide:Personnaliser l'interface}}

==== Supprimer des boutons ====
Il est possible de masquer certains boutons via le [[Spécial:Mypage/common.css|common.css]] en ajoutant pour masquer le bouton [[Fichier:Btn_toolbar_liste.png]] par exemple :
<syntaxhighlight lang="css">#mw-editbutton-liste { display:none; }</syntaxhighlight>

Autres exemples :
<syntaxhighlight lang="css">#mw-editbutton-media { display:none; }
#mw-editbutton-math { display:none; }
#mw-editbutton-table { display:none; }</syntaxhighlight>

Vous trouverez le code correspondant aux autres boutons dans la colonne de droite du tableau ci-dessus.

==== Ajouter des boutons ====
Il est possible d'ajouter un bouton supplémentaire via le [[Spécial:Mypage/common.js|common.js]] :

<u>'''Notes :'''</u>
* les sauts de ligne sont indiqués par «<code>\n</code>»
* si on veut mettre une apostrophe droite « ' » dans la description ou les textes à insérer, il faut remplacer les apostrophes droites enserrant ce texte par des doubles guillemets droits « " » (comme dans l'exemple 2 ci-dessous, avec la ligne <code>"lien vers l'article",</code>.
* les textes en gris sont des notes qu'il n'est pas obligatoire de recopier.
<syntaxhighlight lang="javascript">
mw.loader.using('ext.gadget.MonobookToolbar', function () {

    // Exemple 1 : Tableau
    MonobookToolbar.fonctions.CreateButton(
        '//upload.wikimedia.org/wikipedia/commons/0/04/Button_array.png', // url de l'image
        'Insérer un tableau', // description du bouton
        '{| class="wikitable"\n|-\n', // texte inséré avant
        '\n|}', // texte inséré après
        '! scope="col" | header 1\n! scope="col" | header 2\n! scope="col" | header 3\n|-\n| row 1, cell 1\n| row 1, cell 2\n| row 1, cell 3\n|-\n| row 2, cell 1\n| row 2, cell 2\n| row 2, cell 3', // texte inséré au milieu par défaut
        'mw-editbutton-wikitable' // identifiant du bouton
    );

    // Exemple 2 : Redirection
    MonobookToolbar.fonctions.CreateButton(
        '//upload.wikimedia.org/wikipedia/en/c/c8/Button_redirect.png', // url de l'image
        'Redirection', // description du bouton
        '#REDIRECTION [[', // texte inséré devant
        ']]', // texte inséré derrière
        "lien vers l'article", // texte inséré au milieu par défaut (avec une apostrophe droite)
        'mw-editbutton-redirect' // identifiant du bouton
    );

});

</syntaxhighlight>

== Notes et références ==
{{Références}}

[[Catégorie:Aide:Interface]]
[[Catégorie:Aide Gadgets]]