Rendu de texte markdown en temps réel.

Laznet
Javascript

Bonsoir,

J'ai codé un éditeur de texte avec du Markdown, et donc j'aimerais proposer à mes utilisateurs un rendu de ce qu'ils font, donc en temps réel. (ne me proposez pas d'utiliser Markitup ou tout autre librairie, j'aimerais faire ça "maison").

J'ai pensé à utiliser de l'ajax, mais je me disais qu'au bout d'un moment ça ferais beaucoup de requête, donc ça deviendrait vite ingérable pour le serveur.
J'ai tenté des scripts avec la fonction replace du javascript et l'évènement onchange, sans succès.

Ma question est donc :

Comment feriez-vous pour par exemple mettre en gras un mot entouré de "**"

2 réponses

betaWeb

Salut,

Tu devrais prendre un script sur npmjs.org et regarder comment la personne a fait à la rigueur, après c'est un "simple" remplacement de caractères par des balises. Pour le "**", il faut faire un replace par la balise <strong></strong> et le tour est joué. Enfin perso c'est comme ça que je ferais :)

Balsakup

Salut,

Tu pourras sûrement trouver ton bonheur ici. Grafikart à développé un éditeur Markdown en JS.
Pas besoin d'ajax, ça ferait des requêtes inutiles.

https://github.com/Grafikart/JS-Markdown-Editor