Éditeur Markdown avec aperçu en direct - Export HTML
Éditeur Markdown et aperçu
Le HTML brut de la source s’affiche comme du texte dans l’aperçu, et les liens javascript: ou data: sont désactivés.
Comment écrire en Markdown
Le Markdown est du texte brut avec quelques conventions de ponctuation : un dièse pour un titre, des astérisques pour l’emphase, un tiret pour un élément de liste. C’est ce que comprennent les README, les wikis, les gestionnaires de tickets et la plupart des applications de notes. Cet éditeur affiche votre texte au fil de la frappe, pour voir la structure prendre forme, et exporte un HTML propre quand vous avez terminé.
Étapes
- 1 Tapez ou collez du Markdown dans la zone de gauche. L’aperçu à droite se met à jour à chaque frappe.
- 2 Servez-vous de l’exemple comme aide-mémoire : titres, gras et italique, listes, bloc de code, tableau, citation et lien y figurent tous.
- 3 Copiez le HTML pour un CMS ou un gabarit, ou téléchargez le document en .md ou en fichier .html autonome.
La syntaxe en une minute
Titres : # Titre, ## Section, ### Sous-section. Emphase : **gras**, *italique*, ~~barré~~. Listes : commencez les lignes par - ou 1. ; indentez de deux espaces pour imbriquer. Liens : [texte](https://example.com) ; images : . Le code en ligne va entre `accents graves` ; un bloc de code est encadré par trois accents graves, suivis éventuellement du nom du langage. Une ligne --- trace un filet, et une ligne commençant par un chevron fermant est une citation.
Tableaux
Un tableau se compose d’une ligne d’en-tête, d’une ligne de séparation et de lignes de données, les cellules séparées par des barres verticales : | Nom | Prix |. La ligne de séparation est faite de tirets, et un deux-points à l’une des extrémités fixe l’alignement — :--- gauche, :---: centré, ---: droite. Les colonnes n’ont pas besoin d’être alignées dans la source ; le moteur gère l’espacement.
Ce que contient l’export HTML
Copier le HTML ne donne que le balisage du corps — paragraphes, titres, listes et tableaux — prêt à coller dans une page qui a ses propres styles. Télécharger .html enveloppe ce balisage dans un document complet, avec un titre tiré de votre premier en-tête et une petite feuille de style, pour que le fichier s’ouvre lisiblement dans n’importe quel navigateur.
Pourquoi le HTML brut n’est pas rendu
Le Markdown standard laisse passer le HTML tel quel, ce qui est pratique mais transforme tout document collé en moyen d’exécuter des scripts dans la page. Cet aperçu l’échappe à la place : une balise div ou script dans la source apparaît comme du texte. Les liens aux schémas javascript: et data: sont désactivés pour la même raison. Votre fichier exporté est lui aussi exempt de code injecté.