Comment créer une table de démarques

En 2004, John Gruber de Daring Fireball a créé Markdown, un langage de balisage léger destiné à la publication de contenu sur le Web. Il utilise une syntaxe de formatage de texte brut facile à comprendre pour créer du HTML ou du XHTML ordonné à l’aide d’un simple script Perl..

Depuis lors, plusieurs versions de Markdown sont apparues. Bien que les tables n'apparaissent pas dans la spécification d'origine, la plupart des éditeurs Markdown les prennent désormais en charge et sont très faciles à implémenter. Voyons comment créer des tables à partir de zéro, ainsi que des ressources pouvant accélérer le processus..

Syntaxe de la table de démarquage

Si vous êtes nouveau dans Markdown, ne vous inquiétez pas, il existe de nombreuses bonnes raisons de l'apprendre. Qu'est-ce que Markdown? 4 raisons pour lesquelles vous devriez apprendre maintenant Qu'est-ce que Markdown? 4 raisons pour lesquelles vous devriez apprendre maintenant Fatigué des éditeurs HTML et WYSIWYG? Alors Markdown est la solution pour vous, peu importe qui vous êtes. Lire la suite .

Comme indiqué précédemment, vanilla Markdown n'incluait pas le support des tables. Des efforts ultérieurs pour normaliser Markdown ont été déployés, le plus important étant CommonMark. Cette implémentation de Markdown n’inclut pas non plus la prise en charge native des tables, bien que de futures itérations soient possibles..

La plupart des éditeurs Markdown modernes prennent en charge plusieurs implémentations différentes du langage de balisage léger. Github Flavored Markdown et Markdown Extra introduisent tous deux le support pour les tables, qui sont bien supportées sur les plates-formes en ligne et dans les éditeurs modernes..

Heureusement, les deux implémentations utilisent le même formatage, ce qui signifie que vous n’avez pas à mémoriser des syntaxes différentes pour des langues différentes. La syntaxe des tables est également assez robuste, et vous n'avez pas besoin de la plus grande netteté du code pour créer une table qui se présente bien.

Voici un exemple de table Markdown créée à l'aide de GitHub Flavored Markdown ou Markdown Extra:

| Colonne 1 | Colonne 2 | Colonne 3 | | : ------------- | : ----------: | -----------: | | Contenu de la cellule | Plus de choses | Et encore | | Vous pouvez aussi | Put Pipes In | Comme ça \ | |

Cela crée un tableau parfaitement formaté qui ressemble à ceci:

Les tables sont créées à l'aide de tubes (|) et de tirets (-), avec des deux points (:) utilisés pour aligner le contenu des cellules. Dans l'exemple ci-dessus, nous avons utilisé des tirets et des espaces normaux pour créer un tableau soigné en mode code et lors du rendu. Notez les deux points à côté des tirets, ce qui entraîne l'alignement à gauche de la colonne de gauche, le centrage de la colonne du centre et l'alignement de la colonne de droite..

Comme indiqué dans le code, vous pouvez insérer des tubes en tant que contenu, à condition de les faire précéder d'une barre oblique inverse (\). Les tableaux sont automatiquement mis en forme avec des caractères gras dans la première ligne et alternent des couleurs d'arrière-plan à rayures lorsque vous ajoutez d'autres lignes.

Code de table simplifié

Mais vous pouvez décomposer une table dans un format beaucoup plus simple. Il vous suffit de trois tirets sous votre première ligne pour définir le tableau. Les tuyaux extérieurs peuvent également être omis. Les espaces ajoutés pour adapter le contenu au code peuvent également être omis.

Voici un exemple de table parfaitement valide, mais néanmoins décapante, dans Markdown:

Colonne 1 | Colonne 2 | Colonne 3 --- | --- | --- ** Choses ** | _Ne pas_ | [Besoin] (http://makeuseof.com) Pour | * __ Look __ * | 'Joli'

Ce qui crée une table qui ressemble à ceci:

Notez que dans cet exemple, nous avons ajouté une partie de la mise en forme prise en charge, notamment les caractères gras, italique, un lien en ligne, une combinaison de caractères gras et italiques et un extrait de code. Il existe des limitations à cette utilisation, par exemple, les extraits de code ne peuvent pas contenir plusieurs lignes, car cela signifie la fin de la colonne..

Vous pouvez également insérer des images dans des tableaux, en utilisant la syntaxe Markdown appropriée. Consultez notre aide-mémoire Markdown imprimable. Aide-mémoire Markdown imprimable pour les débutants et les experts Fiche d'aide-mémoire Markdown imprimable pour les débutants et les experts. Cette aide-mémoire Markdown fournit tout ce que vous devez savoir sur le formatage Markdown. Gardez-le à portée de main et ne vous trompez plus jamais. Lire la suite pour une liste complète de la syntaxe de formatage.

Générateurs de table de démarques

Si vous aimez particulièrement la manière dont Markdown facilite l'ajout d'une mise en forme simple, de titres, de liens et d'images, et préfère ne pas bousiller avec la mise en forme d'un tableau, un générateur de tableau Markdown peut être ce que vous recherchez..

Générateur de tableaux de démarques

Probablement le site Web le plus simple en son genre, avec un ensemble complet d’outils permettant de tout créer, des plus petits aux plus grands, et de les exporter vers Markdown. Vous pouvez personnaliser la taille exacte de votre table en utilisant une grille, puis double-cliquez sur un champ pour ajouter du contenu..

Frappe Languette vous permet de vous déplacer entre les champs et vous pouvez utiliser l'outil d'alignement situé en haut pour aligner le contenu de votre tableau. Fait intéressant, l'outil vous permet même d'aligner des cellules indépendamment de la règle de colonne, car il insère le nombre correct d'espaces avant ou après le contenu du champ, afin de garantir le formatage correct des éléments..

Une fois que vous avez rempli votre table, appuyez sur le bouton produire bouton pour voir le Markdown. Vous pouvez alors Copier dans le presse-papier et collez le tableau dans votre document. Vérifier la Mode compact boîte pour condenser la table et économiser de l'espace. Il est également possible d’utiliser ce générateur pour importer un fichier .CSV via le Fichier menu.

Copier Excel / Google Table, Coller comme Markdown

Cet excellent outil de conversion d'Excel ou de Google Sheets to Markdown a été conçu par le développeur de logiciels Dave Johnson et est hébergé sur son propre blog. Il est basé sur le code copy-excel-paste-markdown de Jonathan Hoyt, et son utilisation ne pourrait être plus simple..

Il vous suffit de copier une plage de tableau dans votre feuille de calcul, de la coller dans la zone de texte et d’observer la conversion automatique en table compatible Markdown. Vous pouvez ensuite le copier à nouveau et le coller dans votre document Markdown..

Dave a également créé une version qui gère également l'alignement des colonnes, un peu comme le générateur de table Markdown ci-dessus..

MarkdownTableMaker Chrome Extension

Si vous passez beaucoup de temps dans Google Sheets et que vous préférez une extension de navigateur pour convertir une plage de cellules ou une feuille de calcul entière en Markdown, MarkdownTableMaker pour Chrome devrait faire l'affaire. Si vous passez beaucoup de temps dans Google Drive, vous pouvez l'intégrer à votre flux de travail avec ces éditeurs Markdown compatibles avec Google Drive. 6 éditeurs Markdown qui jouent bien avec Google Drive 6 éditeurs de Markdown qui jouent bien avec Google Drive Markdown est le format d'édition de texte. du futur. Il est plus simple, plus élégant et plus facile à utiliser que HTML sans sacrifier beaucoup de puissance ou de flexibilité. Lire la suite .

Master Markdown aujourd'hui

La connaissance de Markdown est une grande compétence à ajouter à votre répertoire d’édition numérique. Que vous écriviez des commentaires sur Reddit ou envisagiez de créer un blog, ce langage de balisage simplifié est très polyvalent. Lorsqu'il est associé à l'éditeur approprié, Markdown peut facilement être converti en HTML, PDF, etc..

Commencez dès aujourd'hui avec notre guide d'apprentissage de Markdown Learning Markdown: écrire pour le Web, apprendre plus rapidement Markdown: écrire pour le Web, écrire plus vite est le meilleur moyen d'écrire en texte brut tout en créant des documents complexes. Contrairement à HTML ou LaTex, par exemple, Markdown est simple à apprendre. Lire la suite !

En savoir plus sur: Markdown.