Le contexte :
J'utilise
Markdown pour
tout : notes de cours, CDC de projet perso, et même pour écrire les articles de ce blog (j'en reparlerai dans un autre article). J'étais curieux des éditeurs existants : Comment fonctionnent-ils ?
J'ai pas cherché sur internet comment ça fonctionnait, j'ai directement pris une feuille et un stylo et j'ai composé des regex : pour moi ça fonctionnait comme ça, peu importe que ce soit ou non la réalité.
J'avais un souci : Je ne savais pas trop quelle techno utiliser pour créer un logiciel. J’ai pris le parti de la simplicité et je me suis rabattu sur une page web.
Pourquoi ne pas tout faire avec des technos web vanilla ?
Le projet
Bon, le nom c'est "Editeur MarkDown". Oui c'est nul, mais on s'en fout, le principal c'est ce qu'il y a derrière ce nom.
L'idée était donc de faire un truc simple, qui fonctionne dans le navigateur avec :
- Un champ pour taper du markdown,
- Un aperçu en direct du rendu HTML,
- La possibilité de le télécharger,
- Et basta.
Pas d'inscription, pas de sauvegarde dans le cloud, pas d'IA, pas de framework usine à gaz. Juste du JS et du DOM.
Pourquoi l'avoir fait ?
Comme dit plus haut :
Je voulais comprendre.
En plus ça me donnait la possibilité de me replonger dans le JS, comprendre comment manipuler le DOM et me faire la main sur des regex.
Pour le fun aussi. C'est important le fun.
Côté tech
Tout est en HTML/CSS/JavaScript vanilla. Pas de framework, pas d'API.
En quelques jours j'avais une version opérationnelle, et je l'ai publiée sur mon GitHub là où un jour quelqu'un le verra (peut-être toi ?) :
Le code est dispo ici
Et maintenant ?
J'ai prévu de le continuer, la preuve : j'ai fait des commits ce matin.
Pas à plein temps, c'est juste un passe-temps. Mais j'aimerais bien en faire une application desktop à l'avenir.
Si le projet t'intéresse : Va voir le code, clone, bidouille.
Si t'as des idées pour mon éditeur ou des remarques de choses à patcher, n’hésite pas à me contacter sur Discord.
@thomtrooper
