Éditeur WYSIWYG Markdown

Dans cet article, nous allons mettre en place l'éditeur Markdown sur notre site mais avant de continuer plus loin nous allons voir ce qu'est le Markdown.


Qu'est-ce que le Markdown ?


Le Markdown est un langage de rédaction permettant d'exporter facilement vos textes sur un blog, un forum ou une page web sans même avoir besoin de savoir coder en HTML.

Le Markdown se veut facile d'utilisation, avec de nombreux raccourcis pour faciliter la mise en page et de nombreux thèmes personnalisables.

Le Markdown utilise une syntaxe spécifique faites de hashtags, underscores et autres astérisques, qui vous permet de mettre des mots en gras, en italique, de créer des liens hypertextes ou même de créer des tableaux !


Comment mettre en place cet éditeur ?


Pour mettre en place un éditeur Markdown sur notre site nous allons utiliser l'éditeur SimpleMDE.


<head> 
  <!-- Load SimpleMDE JS and Theme -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
  <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
  
  <script>
    var simplemde = new SimpleMDE({ element: document.getElementById("MyID") });
  </script>
</head>

<body>
  <textarea id="MyID"></textarea>
</body>


Si vous souhaitez configurer la barre d'option je vous invite à vous rendre sur la documentation de leur site 😀

Par Clouder le 26 Feb 2018
Cette pub permet au site de vivre ...

2 commentaires

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Clouder
le 06 Mar 2018 à 16:05
Salut Fire and Ace,

Je t'ai répondu dans le forum 🙂
Fire and Ace
le 01 Mar 2018 à 17:03
Bonjour Clouder !!

Comment met-on en place un éditeur Markdown ? As-tu des pistes pour m'aiguillez ou peux-tu faire un article sur ça ?

Merci d'avance !