Showdown peut être utilisé du côté serveur ou du côté client pour faire la conversion entre le code Markdown et le code HTML et vice-versa.
Je vous montre ici comment travailler du côté client.
Téléchargez Showdown.js à partir de GitHub : https://github.com/showdownjs/showdown.
Copiez dans le dossier js de votre projet le fichier dist/showdown.js ou sa version minifiée.
Ajoutez une balise <script> pour inclure Showdown à votre projet.
<script src="js/showdown.js"></script>
Showdown vous offre plusieurs options que vous pouvez définir pour répondre à vos besoins.
Ces options seront utilisées lors de l'instanciation de l'objet showdown.Converter.
Pour plus de commodité, on peut définir ces options dans une variable qui sera utilisée lors de l'instanciation.
var converterOptions = {
emoji: true,
tables: true,
strikethrough: true,
openLinksInNewWindow: true,
};
Pour passer du Markdown au HTML
var converter = new showdown.Converter(converterOptions);
var codeHTML = converter.makeHtml(codeMarkdown).trim();
Pour passer du code HTML au Markdown :
var converter = new showdown.Converter(converterOptions);
var codeMarkdown = converter.makeMarkdown(codeHTML).trim();
▼Publicité
