web-dev-qa-db-fra.com

Comment appliquer une couleur dans Markdown?

Je souhaite utiliser Markdown pour stocker des informations textuelles. Mais googler rapidement dit que Markdown ne supporte pas la couleur. De plus, StackOverflow ne prend pas en charge la couleur. Comme dans le cas du démarquage GitHub.

Existe-t-il une saveur de démarquage permettant le texte coloré?

253
Mahesha999

En tant qu'original/officiel règles de syntaxe état (caractères gras ajoutés):

La syntaxe de Markdown a un seul but: être utilisée comme format d’écriture pour le Web.

Markdown ne remplace pas HTML, ni même presque. Sa syntaxe est très petite et ne correspond qu'à un très petit sous-ensemble de balises HTML. L'idée n'est pas de créer une syntaxe facilitant l'insertion de balises HTML. À mon avis, les balises HTML sont déjà faciles à insérer. L’idée de Markdown est de faciliter la lecture, l’écriture et la modification de la prose. HTML est un format de publication. Markdown est un format d'écriture. Ainsi, La syntaxe de mise en forme de Markdown ne traite que des problèmes pouvant être transmis en texte brut .

Pour tout balisage non couvert par la syntaxe de Markdown, vous utilisez simplement HTML lui-même.

Comme il ne s’agit pas d’un "format de publication", il est impossible pour Markdown de colorer votre texte. Cela dit, ce n'est pas impossible car vous pouvez inclure du HTML brut (et le HTML est un format de publication). Par exemple, le texte de Markdown suivant (suggéré par @scoa dans un commentaire):

Some Markdown text with <span style="color:blue">some *blue* text</span>.

Cela donnerait le code HTML suivant:

<p>Some Markdown text with <span style="color:blue">some <em>blue</em> text</span>.</p>

Maintenant, StackOverflow (et probablement GitHub) supprimera le code HTML brut (en tant que mesure de sécurité) afin que vous perdiez la couleur ici, mais cela devrait fonctionner avec n'importe quelle implémentation standard de Markdown.

Une autre possibilité consiste à utiliser les listes d'attributs non standard introduites à l'origine par la mise en œuvre Markur de Markdown, puis adoptées par un peautres (il peut soit des implémentations plus ou légèrement différentes de la même idée, comme attributs div et span dans pandoc ). Dans ce cas, vous pouvez affecter une classe à un paragraphe ou à un élément en ligne, puis utiliser CSS pour définir une couleur pour une classe. Cependant, vous devez absolument utiliser l’une des rares implémentations qui prennent en charge la fonctionnalité non standard et vos documents ne sont plus portables sur d’autres systèmes.

256
Waylan

J'ai commencé à utiliser Markdown pour publier certains de mes documents sur un site Web interne destiné aux utilisateurs internes. C'est un moyen simple de partager un document mais de ne pas pouvoir le modifier.

Ainsi, ce marquage de texte en couleur est "excellent". J'en ai utilisé plusieurs comme ça et fonctionne à merveille.

<span style="color:blue">some *This is Blue italic.* text</span>

Se transforme en Ceci est en italique bleu.

Et

<span style="color:red">some **This is Red Bold.** text</span>

Se transforme en c'est rouge gras.

J'aime la flexibilité et la facilité d'utilisation.

33
Elton

Bien que Markdown ne prenne pas en charge la couleur, vous pouvez toujours sacrifier certains des styles pris en charge et redéfinir la balise associée à l'aide de CSS pour la rendre couleur et supprimer ou non la mise en forme.

Exemple:

// resets
s { font-style: normal; } //strike-through
em { font-style: normal; font-weight: bold; } //italic emphasis

// colors
s { color: green }
em { color: blue }

Voir aussi: Comment remodeler l'étiquette em pour qu'elle soit en gras au lieu d'italique

5
Simon B.

Cela devrait être plus court:

<font color='red'>test blue color font</font>
3
Galaxy

Cela fonctionne dans la prise de notes Joplin:

<span style="color:red">text in red</span>
0
Nettlebay AP