Différences entre versions de « Aide/Mise en forme »

De Rich Annotator System
(Page créée avec « Vous pouvez formater votre texte en utilisant des '''balises wiki''' ou le '''visual editor'''. ===Balises wiki=== Fichier:Edit-WM-fr.png|left|Balises… »)
 
Ligne 1 : Ligne 1 :
Vous pouvez formater votre texte en utilisant des '''balises wiki''' ou le '''[[#VisualEditor|visual editor]]'''.
+
Vous pouvez formater votre texte en utilisant des '''balises wiki''' ou '''[[#VisualEditor|l'éditeur visuel]]'''.
  
 
===Balises wiki===
 
===Balises wiki===
Ligne 27 : Ligne 27 :
 
==== Level 4 ====
 
==== Level 4 ====
 
===== Level 5 =====
 
===== Level 5 =====
====== Level 6 ======</pre><div style="background:#f6efe5; border: 1px solid #ac6600; padding: 8px;">{{#far:bell}} N’utilisez pas le niveau 1, c’est le niveau du titre de la page.<br>{{#far:bell}} DN’insérez aucun texte sur la même ligne après les signes ''égal'' de fermeture.<br>{{#far:bell}} Un article avec 4 titres de section ou plus crée automatiquement une table des matières.</div> || [[Fichier:Levels.png|link=]]
+
====== Level 6 ======</pre><div style="background:#f6efe5; border: 1px solid #ac6600; padding: 8px;">{{#far:bell}} N’utilisez pas le niveau 1, c’est le niveau du titre de la page.<br>{{#far:bell}} N’insérez aucun texte sur la même ligne après les signes ''égal'' de fermeture.<br>{{#far:bell}} Un article avec 4 titres de section ou plus crée automatiquement une table des matières.</div> || [[Fichier:Levels.png|link=]]
 
|-
 
|-
 
| Trait horizontal || <pre>Texte avant le trait
 
| Trait horizontal || <pre>Texte avant le trait
Ligne 145 : Ligne 145 :
  
 
====Les paragraphes====
 
====Les paragraphes====
MediaWiki ignores single line breaks. To start a new paragraph, leave an empty line. You can force a line break within a paragraph with the HTML tag <code><nowiki><br /></nowiki></code>.
+
MédiaWiki ignore les sauts de ligne simples. Pour démarrer un nouveau paragraphe, il faut laisser une ligne vierge. Il est possible de forcer un saut de ligne au sein d'un paragraphe avec la balise HTML <code><nowiki><br /></nowiki></code>.
  
====HTML tags====
+
====Les balises HTML====
Some HTML tags are allowed in MediaWiki, for example <code><nowiki><code></nowiki></code>, <code><nowiki><div></nowiki></code>, and <code><nowiki><span></nowiki></code>. These apply anywhere you insert them.
+
Certaines balises HTML sont autorisées dans MediaWiki, par exemple <code><nowiki><code></nowiki></code>, <code><nowiki><div></nowiki></code> et <code><nowiki><span></nowiki></code>. Ces dernières s'appliquent n'importe où, à l'endroit où on les met.
 
{| class="wikitable" style="text-align:left;"
 
{| class="wikitable" style="text-align:left;"
! Description !! You type !! You get
+
! Description !! Saisie !! Résultat
 
|-
 
|-
| Inserted (Displays as underline in most browsers) || <pre><ins>Inserted</ins>
+
| Inserted (Inséré) (s'affiche comme souligné dans la plupart des navigateurs) || <pre><ins>Inséré</ins>
or
+
ou
<u>Underline</u></pre> || <ins>Inserted</ins><br>or<br><u>Underline</u>
+
<u>Souligné</u></pre> || <ins>Inséré</ins><br>ou<br><u>Souligné</u>
 
|-
 
|-
| Deleted (Displays as strike-through in most browsers) || <pre><s>Strike-through</s>
+
| Deleted (Supprimé) (s'affiche comme barré dans la plupart des navigateurs) || <pre><s>Barré</s>
or
+
ou
<del>Deleted</del></pre> || <s>Strike-through</s><br>or<br><del>Deleted</del>
+
<del>Supprimé</del></pre> || <s>Barré</s><br>ou<br><del>Supprimé</del>
 
|-
 
|-
| Blockquotes{{#info:See also [[Help/Citations|Citations]]}} || <pre>Text before
+
| Blockquotes (Blocs de citation){{#info:Voir aussi [[Aide/Citations|Citations]]}} || <pre>Texte avant
<blockquote>Blockquote</blockquote>
+
<blockquote>Citation longue</blockquote>
Text after</pre> || Text before
+
Texte après</pre> || Texte avant
<blockquote>Blockquote</blockquote>
+
<blockquote>Citation longue</blockquote>
Text after
+
Texte après
 
|-
 
|-
| Superscript || <code><nowiki>1<sup>er</sup></nowiki></code> || 1<sup>er</sup>
+
| Superscript (Exposant) || <code><nowiki>1<sup>er</sup></nowiki></code> || 1<sup>er</sup>
 
|}
 
|}
  
====Inserting symbols====
+
====Insertion de symboles====
Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many Operating Systems and browsers allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or [[#VisualEditor|VisualEditor]] to insert them into the edit screen.
+
Les symboles et autres caractères spéciaux, non disponibles au clavier, peuvent être insérés de plusieurs façons. Beaucoup de systèmes d'exploitation et de navigateurs permettent de les insérer par l'option d'un menu ou par un panneau du système. En plus, vous pouvez utiliser le WikiEditor ou le [[#VisualEditor|VisualEditor]] pour les insérer par la fenêtre d'édition.
  
As a last resort, you can use a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) '''&amp;rarr;''' when inserted will be shown as ''right arrow'' HTML symbol &rarr; and '''&amp;mdash;''' when inserted will be shown as an ''em dash'' HTML symbol &mdash;. The entity '''&amp;nbsp;''' will produce a non breakable space, used in French typography.
+
En dernier recours, vous pouvez utiliser une séquence spéciale de caractères. Ces séquences sont appelées entités HTML. Par exemple, la séquence suivante (entité) '''&amp;rarr;''' quand elle sera insérée apparaîtra comme le symbole HTML d'une ''flèche vers la droite'' &rarr; et '''&amp;mdash;''' sera affiché comme un ''tiret médian'' &mdash;. L'entité '''&amp;nbsp;''' produira un espace insécable, utilisé dans la typographie française.
 
{| class="wikitable" style="text-align:left;"
 
{| class="wikitable" style="text-align:left;"
! Description !! You type !! You get
+
! Description !! Saisie !! Résultat
 
|-
 
|-
| Guillemets with non breakable spaces || &amp;laquo;&amp;nbsp;Text&amp;nbsp;&amp;raquo; || &laquo;&nbsp;Text&nbsp;&raquo;
+
| Guillemets avec des espaces insécables || &amp;laquo;&amp;nbsp;Texte&amp;nbsp;&amp;raquo; || &laquo;&nbsp;Text&nbsp;&raquo;
 
|-
 
|-
| Copyright symbol || &amp;copy; || &copy;
+
| Symbole du copyright || &amp;copy; || &copy;
 
|-
 
|-
| Euro currency symbol || &amp;euro; || &euro;
+
| Symbole de la monnaie Euro || &amp;euro; || &euro;
 
|}
 
|}
See the list of all HTML entities on the Wikipedia article [https://en.wikipedia.org/wiki/List_of_HTML_entities List of HTML entities].
+
Voir la liste de toutes le entitées HTML dans l'article Wikipédia [https://fr.wikipedia.org/wiki/Liste_des_entit%C3%A9s_de_caract%C3%A8re_de_XML_et_HTML Liste des entités de caractère de XML et HTML].
  
====Other formatting====
+
====Autres formatages====
Beyond the text formatting markup shown hereinbefore, here are some other formatting references:
+
En plus des balises de formatage de texte ci-dessus, il existe des références pour d'autres formatages&nbsp;:
* [[Help/Links|Links]]
+
* [[Aide/Liens|Liens]]
* [[Help/Images|Images]]
+
* [[Aide/Images|Images]]
* [[Help/Tables|Tables]]
+
* [[Aide/Tableaux|Tableaux]]
* [[Help/Citations|Citations]]
+
* [[Aide/Citations|Citations]]
* [[Help/References|References]]
+
* [[Aide/Références|Références]]
* [[Help/Notes|Notes]]
+
* [[Aide/Notes|Notes]]
* [[Help/Table of contents|Table of contents]]
+
* [[Aide/Table des matières|Table des matières]]
  
  
===<span id="VisualEditor"></span>Visual Editor===
+
===<span id="VisualEditor"></span>Éditeur visuel===
[[Fichier:Edit-VE-en.png|left|VisualEditor|link=]]To edit a page using the visual editor, press on the "Edit" tab at the top of the page. It may take a few seconds for the page to open for editing, and longer if the page is very long.
+
[[Fichier:Edit-VE-fr.png|left|VisualEditor|link=]]Pour modifier une page avec l’éditeur visuel, pressez l’onglet «&nbsp;Modifier&nbsp;» en haut de la page. Le chargement de la page en mode édition peut prendre quelques secondes, voire plus si la page est très longue.
  
====The VisualEditor's toolbar====
+
====La barre d’outils de l’éditeur visuel====
The visual editor's toolbar appears at the top of the screen when you begin editing. It includes some familiar icons:
+
La barre d’outils de l’éditeur visuel apparaît en haut de l’écran lorsque vous commencez à modifier la page. Elle contient quelques icônes familières&nbsp;:
* '''Undo''' and '''Redo''' the changes you have made.
+
* '''Défaire''' et '''Refaire''' les changements que vous avez effectués.
* '''Headings''' pull-down menu: allows you to change how the paragraph is formatted. To change the style of a paragraph, put your cursor in the paragraph and select an item in this menu (you don't have to highlight any text). Section titles are formatted "Heading", and subsections are "Sub-heading 1", "Sub-heading 2", and so on. The normal format for text is "Paragraph".
+
* Le menu déroulant de '''titres de sections'''&nbsp;: il permet de changer le style d'un paragraphe. Pour changer le style d’un paragraphe, placez votre curseur dans le paragraphe et sélectionnez un élément dans ce menu (vous n’avez pas besoin de surligner le texte). Les titres de section sont intitulés «&nbsp;Titre de section&nbsp;» et ceux de sous-sections sont respectivement «&nbsp;Sous-titre 1&nbsp;», «&nbsp;Sous-titre 2&nbsp;» et ainsi de suite. Le format normal pour le texte est «&nbsp;Paragraphe&nbsp;».
* '''Formatting:''' Pressing the "'''''<u>A</u>'''''" opens a menu. If you have not selected any text, then when you press the "'''''<u>A</u>'''''" to open the menu, and then select an item, that formatting will apply to the text that you start typing, from wherever your cursor is located.
+
* '''Mise en forme&nbsp;:''' cliquez sur le bouton "'''''<u>A</u>'''''" pour ouvrir un menu. Si vous n’avez pas sélectionné de texte, alors si vous cliquez sur "'''''<u>A</u>'''''" pour ouvrir le menu puis sélectionnez une mise en forme, celle-ci s'appliquera au texte que vous écrivez à partir de l’endroit où votre curseur est placé.
* '''Linking tool:''' The chain icon is the linking tool. Pressing on it (usually after selecting some text) opens the link dialog.
+
* '''Lien hypertexte&nbsp;:''' l'icône de chaîne est l’outil de liens hypertextes. Cliquez dessus (généralement après avoir sélectionné du texte) pour ouvrir la boîte de dialogue des liens.
* '''Cite menu:''' The "Cite" menu is used to add inline citations (also called "footnotes" or "[[Help/References|references]]"). You have access to basic reference formatting and the ability to reuse citations by using this menu.
+
* '''Menu Sourcer&nbsp;:''' le menu «&nbsp;Sourcer&nbsp;» est utilisé pour ajouter des références dans le texte (des «&nbsp;notes de bas de page&nbsp;» ou des «&nbsp;[[Aide/Références|références]]&nbsp;»). Tous les projets ont accès au formatage des références basiques ainsi qu’à la possibilité de réutiliser des références, en utilisant ce menu.
* '''Lists and indentation:''' The first two items allow you to format text as either a "Bullet list" or a "Numbered list". The last two items allow you to decrease or increase the indentation level of list items.
+
* '''Listes et indentation&nbsp;:''' les deux premières icônes vous permettent d’insérer respectivement une «&nbsp;Liste à puces&nbsp;» et une «&nbsp;Liste numérotée&nbsp;». Les deux icônes suivantes servent à augmenter ou réduire d’un cran le niveau d’indentation des éléments des listes.
* '''Insert'''.
+
* '''Insérer'''.
* '''Special character insertion:''' The "Special character" (Ω) icon is next to the "Insert" menu.
+
* '''Insertion de caractères spéciaux&nbsp;:''' l’icône «&nbsp;Caractères spéciaux&nbsp;» (Ω) se trouve à côté du menu «&nbsp;Insérer&nbsp;» .
* The '''Edit notices''' button displays any notices for the page.
+
* Le bouton '''Avertissements de modification''' affiche tous les avertissements pour la page.
* The '''Page options''' menu is to the left of the ''Publish changes'' button and the ''Switch editor'' menu. On this menu there is a button to open an '''Options''' dialog.
+
* Le menu '''Options de page''' est à gauche du bouton ''Enregistrer les modifications'' et du menu ''Changer d'éditeur''. Ce menu comprend un bouton pour ouvrir le dialogue des '''Options'''.
* The '''switch to source editing''' button is next to the ''Publish changes'' button. It allows you to switch to the wikitext editor.
+
* Le menu '''Changer d'éditeur''' se trouve à côté du bouton ''Enregistrer les modifications''. Il vous permet de passer à l'éditeur du code wiki.
* '''Publishing changes:''' When you are finished editing, press the blue "Publish changes" button in the toolbar. If you have made no changes, the button will be disabled (grayed out). To cancel all your editing changes, close your browser window, or press the "Read" tab above the edit toolbar.
+
* '''Enregistrer les modifications&nbsp;:''' Quand vous avez terminé de modifier la page, cliquez sur le bouton bleu «&nbsp;Enregistrer les modifications&nbsp;» dans la barre d’outils. Si vous n'avez fait aucune modification, le bouton est désactivé (grisé). Pour annuler tous vos changements, fermez la fenêtre du navigateur, ou cliquez sur l'onglet «&nbsp;Lire&nbsp;» au-dessus de la barre d'outils d'édition.
  
For more details, visit the VisualEditor's [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide User guide].
+
Pour plus de détails, voir le [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide/fr Guide utilisateur de l'Éditeur visuel].
  
  

Version du 2 février 2021 à 11:43

Vous pouvez formater votre texte en utilisant des balises wiki ou l'éditeur visuel.

Balises wiki

Balises Wiki

Les balises sont constituées de caractères normaux comme les astérisques, les apostrophes, ou le signe égal dont la signification change au sein du wiki en fonction de leur position. Par exemple, pour mettre un texte en italique, il suffit de l'inclure entre deux paires d'apostrophes comme ''ceci''.

Balises de formatage de texte

Formatage des caractères (en ligne) – s'applique n'importe où dans le texte

Description Saisie Résultat
Texte en italique ''italique'' italique
Texte en gras '''gras''' gras
Gras et italique '''''gras & italique''''' gras & italique
Balise d'échappement d'interprétation <nowiki>pas de ''balise'' [[wiki]]</nowiki> pas de ''balise'' [[wiki]]

Formatage de section

Seulement en début de ligne

Description Saisie Résultat
Titres de section de différents niveaux
== Level 2 ==
=== Level 3 ===
==== Level 4 ====
===== Level 5 =====
====== Level 6 ======
N’utilisez pas le niveau 1, c’est le niveau du titre de la page.
N’insérez aucun texte sur la même ligne après les signes égal de fermeture.
Un article avec 4 titres de section ou plus crée automatiquement une table des matières.
Levels.png
Trait horizontal
Texte avant le trait
---
Texte après le trait
Texte avant le trait
Texte après le trait
Liste à puces
* Commencer chaque ligne
* avec un astérisque (*).
** Plus d’astérisques donnent des niveaux en plus
*** et encore plus d'astérisques, plus de niveaux.
* Le saut de ligne <br />ne change pas le niveau.
*** Mais le saut d'un niveau crée un espace vide.
Tout autre début de ligne met fin à la liste.

* Combiner une liste à puces
** avec une définition
::- définition
** crée un espace vide.

* Combiner une liste à puces
** avec une définition
*:- définition
** sans espace vide.

*liste à puces
:- définition
:* sous-liste qui ne crée pas
:* d’espaces vides après la définition
  • Commencer chaque ligne
  • avec un astérisque (*).
    • Plus d’astérisques donnent des niveaux en plus
      • et encore plus d'astérisques, plus de niveaux.
  • Le saut de ligne
    ne change pas le niveau.
      • Mais le saut d'un niveau crée un espace vide.

Tout autre début de ligne met fin à la liste.

  • Combiner une liste à puces
    • avec une définition
- définition
    • crée un espace vide.
  • Combiner une liste à puces
    • avec une définition
    - définition
    • sans espace vide.
  • liste à puces
- définition
  • sous-liste qui ne crée pas
  • d’espaces vides après la définition
Liste numérotée
# Commencer chaque ligne
# avec un dièse (#).
## Plus de dièses donnent des niveaux en plus
### et encore plus, plus de niveaux.
# Le saut de ligne <br />ne change pas le niveau.
### Mais le saut d'un niveau crée un espace vide.
# Une ligne vide

# met fin à la liste en cours et en débute une nouvelle.
Tout autre début de ligne met fin à la liste.
  1. Commencer chaque ligne
  2. avec un dièse (#).
    1. Plus de dièses donnent des niveaux en plus
      1. et encore plus, plus de niveaux.
  3. Le saut de ligne
    ne change pas le niveau.
      1. Mais le saut d'un niveau crée un espace vide.
  4. Une ligne vide
  1. met fin à la liste en cours et en débute une nouvelle.

Tout autre début de ligne met fin à la liste.

Liste de définitions
;item 1
: définition 1
;item 2
: définition 2-1
: définition 2-2
item 1
définition 1
item 2
définition 2-1
définition 2-2
Mélange de différents types de liste
# un
# deux
#* deux point un
#* deux point deux
# trois 
#; trois, item un
#: trois, définition une
# quatre
#: quatre, définition une 
#: cette façon de faire ressemble à une suite
#: et est d'ailleurs souvent utilisé
#: plutôt <br />que <br />
# cinq
## cinq, sous-niveau 1
### cinq, sous-niveau 1, sous-niveau 1
## cinq, sous-niveau 2
  1. un
  2. deux
    • deux point un
    • deux point deux
  3. trois
    trois, item un
    trois, définition une
  4. quatre
    quatre, définition une
    cette façon de faire ressemble à une suite
    et est d'ailleurs souvent utilisé
    plutôt
    que <br />
  5. cinq
    1. cinq, sous-niveau 1
      1. cinq, sous-niveau 1, sous-niveau 1
    2. cinq, sous-niveau 2

Les paragraphes

MédiaWiki ignore les sauts de ligne simples. Pour démarrer un nouveau paragraphe, il faut laisser une ligne vierge. Il est possible de forcer un saut de ligne au sein d'un paragraphe avec la balise HTML <br />.

Les balises HTML

Certaines balises HTML sont autorisées dans MediaWiki, par exemple <code>, <div> et <span>. Ces dernières s'appliquent n'importe où, à l'endroit où on les met.

Description Saisie Résultat
Inserted (Inséré) (s'affiche comme souligné dans la plupart des navigateurs)
<ins>Inséré</ins>
ou
<u>Souligné</u>
Inséré
ou
Souligné
Deleted (Supprimé) (s'affiche comme barré dans la plupart des navigateurs)
<s>Barré</s>
ou
<del>Supprimé</del>
Barré
ou
Supprimé
Blockquotes (Blocs de citation)Voir aussi Citations
Texte avant
<blockquote>Citation longue</blockquote>
Texte après
Texte avant

Citation longue

Texte après

Superscript (Exposant) 1<sup>er</sup> 1er

Insertion de symboles

Les symboles et autres caractères spéciaux, non disponibles au clavier, peuvent être insérés de plusieurs façons. Beaucoup de systèmes d'exploitation et de navigateurs permettent de les insérer par l'option d'un menu ou par un panneau du système. En plus, vous pouvez utiliser le WikiEditor ou le VisualEditor pour les insérer par la fenêtre d'édition.

En dernier recours, vous pouvez utiliser une séquence spéciale de caractères. Ces séquences sont appelées entités HTML. Par exemple, la séquence suivante (entité) &rarr; quand elle sera insérée apparaîtra comme le symbole HTML d'une flèche vers la droite → et &mdash; sera affiché comme un tiret médian —. L'entité &nbsp; produira un espace insécable, utilisé dans la typographie française.

Description Saisie Résultat
Guillemets avec des espaces insécables &laquo;&nbsp;Texte&nbsp;&raquo; « Text »
Symbole du copyright &copy; ©
Symbole de la monnaie Euro &euro;

Voir la liste de toutes le entitées HTML dans l'article Wikipédia Liste des entités de caractère de XML et HTML.

Autres formatages

En plus des balises de formatage de texte ci-dessus, il existe des références pour d'autres formatages :


Éditeur visuel

VisualEditor

Pour modifier une page avec l’éditeur visuel, pressez l’onglet « Modifier » en haut de la page. Le chargement de la page en mode édition peut prendre quelques secondes, voire plus si la page est très longue.

La barre d’outils de l’éditeur visuel

La barre d’outils de l’éditeur visuel apparaît en haut de l’écran lorsque vous commencez à modifier la page. Elle contient quelques icônes familières :

  • Défaire et Refaire les changements que vous avez effectués.
  • Le menu déroulant de titres de sections : il permet de changer le style d'un paragraphe. Pour changer le style d’un paragraphe, placez votre curseur dans le paragraphe et sélectionnez un élément dans ce menu (vous n’avez pas besoin de surligner le texte). Les titres de section sont intitulés « Titre de section » et ceux de sous-sections sont respectivement « Sous-titre 1 », « Sous-titre 2 » et ainsi de suite. Le format normal pour le texte est « Paragraphe ».
  • Mise en forme : cliquez sur le bouton "A" pour ouvrir un menu. Si vous n’avez pas sélectionné de texte, alors si vous cliquez sur "A" pour ouvrir le menu puis sélectionnez une mise en forme, celle-ci s'appliquera au texte que vous écrivez à partir de l’endroit où votre curseur est placé.
  • Lien hypertexte : l'icône de chaîne est l’outil de liens hypertextes. Cliquez dessus (généralement après avoir sélectionné du texte) pour ouvrir la boîte de dialogue des liens.
  • Menu Sourcer : le menu « Sourcer » est utilisé pour ajouter des références dans le texte (des « notes de bas de page » ou des « références »). Tous les projets ont accès au formatage des références basiques ainsi qu’à la possibilité de réutiliser des références, en utilisant ce menu.
  • Listes et indentation : les deux premières icônes vous permettent d’insérer respectivement une « Liste à puces » et une « Liste numérotée ». Les deux icônes suivantes servent à augmenter ou réduire d’un cran le niveau d’indentation des éléments des listes.
  • Insérer.
  • Insertion de caractères spéciaux : l’icône « Caractères spéciaux » (Ω) se trouve à côté du menu « Insérer » .
  • Le bouton Avertissements de modification affiche tous les avertissements pour la page.
  • Le menu Options de page est à gauche du bouton Enregistrer les modifications et du menu Changer d'éditeur. Ce menu comprend un bouton pour ouvrir le dialogue des Options.
  • Le menu Changer d'éditeur se trouve à côté du bouton Enregistrer les modifications. Il vous permet de passer à l'éditeur du code wiki.
  • Enregistrer les modifications : Quand vous avez terminé de modifier la page, cliquez sur le bouton bleu « Enregistrer les modifications » dans la barre d’outils. Si vous n'avez fait aucune modification, le bouton est désactivé (grisé). Pour annuler tous vos changements, fermez la fenêtre du navigateur, ou cliquez sur l'onglet « Lire » au-dessus de la barre d'outils d'édition.

Pour plus de détails, voir le Guide utilisateur de l'Éditeur visuel.


Retour au sommaire