Astuces de rédaction

Formats de texte

Filtered HTML

  • Balises HTML autorisées : <br> <p class="text-sm text-align-left text-align-center text-align-right"> <h2 id class="text-align-left text-align-center text-align-right"> <h3 id class="text-align-left text-align-center text-align-right"> <h4 id class="text-align-left text-align-center text-align-right"> <a class="big-button orange blue orange-outline blue-outline purple social-link facebook instagram linkedin twitter youtube" href data-entity-type data-entity-uuid data-entity-substitution> <cite> <dt> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title> <drupal-media title data-entity-type data-entity-uuid alt data-view-mode data-caption data-align> <strong> <em> <code> <blockquote> <ul> <ol start> <li> <hr>

  • 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>
  • 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.
  • Each email address will be obfuscated in a human readable fashion or, if JavaScript is enabled, replaced with a spam resistent clickable link. Email addresses will get the default web form unless specified. If replacement text (a persons name) is required a webform is also required. Separate each part with the "|" pipe symbol. Replace spaces in names with "_".
  • Replace empty paragraphs (e.g. <p></p> or <p>&nbsp;</p>) with <br />.

Texte brut

  • Balises HTML autorisées : <br> <p class="text-align-left text-align-center text-align-right text-align-justify"> <h2 id class="text-align-left text-align-center text-align-right text-align-justify"> <h3 id class="text-align-left text-align-center text-align-right text-align-justify"> <h4 id class="text-align-left text-align-center text-align-right text-align-justify"> <cite> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dt> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <blockquote cite class="text-align-left text-align-center text-align-right text-align-justify"> <ul type class="text-align-left text-align-center text-align-right text-align-justify"> <ol start type class="text-align-left text-align-center text-align-right text-align-justify"> <drupal-media data-view-mode data-align data-caption title data-entity-type data-entity-uuid alt> <strong> <em> <code> <li> <hr class="text-align-left text-align-center text-align-right text-align-justify"> <a hreflang name id data-entity-substitution data-entity-type data-entity-uuid title href class=" big-button orange blue outline orange-outline blue-outline purple"> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title>

    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

    Citation <cite>Citation</cite> Citation
    Les listes de définition sont similaires aux autres listes HTML. <dl> délimite la liste de définitions, <dt> délimite le terme à définir <dd> délimite la définition proprement dite. <dl> <dt>Premier terme</dt> <dd>Première définition</dd> <dt>Second terme</dt> <dd>Seconde définition</dd> </dl>
    Premier terme
    Première définition
    Second terme
    Seconde définition
    Aucune aide n'est fournie pour la balise dt.
    Aucune aide n'est fournie pour la balise dd.
    Aucune aide n'est fournie pour la balise img.
    Citation longue <blockquote>Citation longue</blockquote>
    Citation longue
    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 drupal.
    Gras <strong>Gras</strong> Gras
    Accentué <em>Accentué</em> Accentué
    Text codé pour afficher du code de programmation <code>Codé</code> Codé
    Aucune aide n'est fournie pour la balise li.
    Aucune aide n'est fournie pour la balise hr.
    Les ancres sont utilisées pour établir des liens vers d'autres pages. <a href="https://www.centropa.org">Centropa</a> Centropa
    Aucune aide n'est fournie pour la balise drupal.

    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; "
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.
  • 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.