Astuces de rédaction

Formats de texte

HTML simple

  • Balises HTML autorisées : <br> <p> <h2> <h3> <h4> <h5> <h6> <strong> <em> <a href> <ul> <ol start> <li> <table> <tr> <td rowspan colspan> <th rowspan colspan> <thead> <tbody> <tfoot> <caption> <img src alt height width data-entity-uuid data-entity-type data-caption data-align> <drupal-media data-entity-type data-entity-uuid alt data-caption data-align> <drupal-url data-embed-button data-embed-url data-entity-label data-url-provider>

  • You can embed URLs. Additional properties can be added to the URL tag like data-caption and data-align if supported. Examples:

    • <drupal-url data-embed-url="https://www.youtube.com/watch?v=xxXXxxXxxxX" data-url-provider="YouTube" />

  • You can convert plain URLs to <drupal-url> HTML elements. Those elements are later converted to embeds using "Display embedded URLs" text filter.

  • Vous pouvez aligner les images, vidéos, citations, etc, sur la gauche, la droite ou au centre. Exemples :

    • Aligner une image sur la gauche : <img src="" data-align="left" />
    • Aligner une image au centre : <img src="" data-align="center" />
    • Aligner une image sur la droite : <img src="" data-align="right" />
    • … et vous pouvez appliquer ceci à d'autres éléments comme : <video src="" data-align="center" />

  • Vous pouvez ajouter une légende aux images, vidéos, citations, etc. Exemples :

    • <img src="" data-caption="Ceci est une légende" />
    • <video src="" data-caption="La danse Drupal" />
    • <blockquote data-caption="Dries Buytaert">Drupal est génial !</blockquote>
    • <code data-caption="Hello world en JavaScript.">alert("Hello world!");</code>
  • Seules les images hébergées sur ce site peuvent être placées dans une balise <img>.

  • Pour intégrer des médias :

    • Choisir le média à intégrer : <drupal-media data-entity-uuid="07bf3a2e-1941-4a44-9b02-2d1d7a41ec0e" />
    • Choisir éventuellement un mode de visualisation : data-view-mode="tiny_embed", dans le cas contraire, le mode de visualisation par défaut sera utilisé.
    • L'attribut data-entity-type="media" est obligatoire pour des raisons de cohérence.

HTML restreint

  • Balises HTML autorisées : <br> <p> <h2> <h3> <h4> <h5> <h6> <strong> <em> <a href> <ul> <ol start> <li>

    Ce site autorise le contenu HTML. Si apprendre tout le HTML peut paraître intimidant, apprendre comment utiliser les "balises" HTML les plus simples est très facile. Ce tableau fournit des exemples pour chaque balise autorisée sur ce site.

    Pour plus d'informations, consulter le HTML Living Standard ou utiliser votre moteur de recherche préféré pour trouver d'autres sites expliquant le HTML.

    Description de la balise Vous saisissez Vous obtenez
    Les balises de saut de ligne sont automatiquement ajoutées par défaut, utilisez ceci pour en ajouter d'autres. L'usage de cette balise est différent car elle n'est pas utilisée avec une paire ouvrante/fermante comme les autres. Utilisez le " /" supplémentaire dans la balise pour conserver la compatibilité XHTML 1.0 Texte avec <br />saut de ligne Texte avec
    saut de ligne
    Les balises de paragraphe sont ajoutées par défaut. Utilisez celle-ci pour en ajouter. <p>Paragraphe un.</p> <p>Paragraphe deux.</p>

    Paragraphe un.

    Paragraphe deux.
    Entête <h2>Sous-titre</h2>

    Sous-titre
    Entête <h3>Sous-titre trois</h3>

    Sous-titre trois
    Entête <h4>Sous-titre quatre</h4>

    Sous-titre quatre
    Entête <h5>Sous-titre cinq</h5>
    Sous-titre cinq
    Entête <h6>Sous-titre six</h6>
    Sous-titre six
    Gras <strong>Gras</strong> Gras
    Accentué <em>Accentué</em> Accentué
    Les ancres sont utilisées pour établir des liens vers d'autres pages. <a href="https://settlementatwork.org">SecteurÉtablissement</a> SecteurÉtablissement
    Liste non ordonnée - utilisez <li> pour débuter chaque élément de la liste <ul> <li>Premier élément</li> <li>Second élément</li> </ul>
    • Premier élément
    • Second élément
    Liste ordonnée - utilisez <li> pour débuter chaque élément de la liste <ol> <li>Premier élément</li> <li>Second élément</li> </ol>
    1. Premier élément
    2. Second élément
    Aucune aide n'est fournie pour la balise li.

    La plupart des caractères non usuels peuvent être saisis sans problème.

    Si vous rencontrez des problèmes, essayez d'utiliser les entités HTML des caractères. Un exemple classique est d'utiliser &amp; pour afficher une esperluette &. Pour une liste complète des entités HTML, consulter la page des entités. Un aperçu des caractères disponibles inclu :

    Description du caractère Vous saisissez Vous obtenez
    Et commercial &amp; &
    Supérieur &gt; >
    Inférieur &lt; <
    Marque de citation &quot; "

  • Vous pouvez aligner les images, vidéos, citations, etc, sur la gauche, la droite ou au centre. Exemples :

    • Aligner une image sur la gauche : <img src="" data-align="left" />
    • Aligner une image au centre : <img src="" data-align="center" />
    • Aligner une image sur la droite : <img src="" data-align="right" />
    • … et vous pouvez appliquer ceci à d'autres éléments comme : <video src="" data-align="center" />
  • Lignes et paragraphes sont automatiquement reconnus. Les balises de <br /> saut de ligne, <p> début de paragraphe et </p> fin de paragraphe sont insérées automatiquement. Si un paragraphe n'est pas reconnu, ajoutez simplement deux sauts de lignes.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.

Texte brut

  • Aucune balise HTML autorisée.
  • Lignes et paragraphes sont automatiquement reconnus. Les balises de <br /> saut de ligne, <p> début de paragraphe et </p> fin de paragraphe sont insérées automatiquement. Si un paragraphe n'est pas reconnu, ajoutez simplement deux sauts de lignes.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.