Publier article : mon SUPER editeur markdown

ThomTrooper · ThomTrooper · commit 242a75c81888 · 2025-08-13T14:40:14.000+02:00
diff --git a/Articles/mon_super_editeur_markdown.html b/Articles/mon_super_editeur_markdown.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BlogTrooper</title>
+    <link rel="stylesheet" href="../style.css">
+</head>
+
+<body>
+
+    <header class="hautPage">
+        <a href="../index.html"><img id="centrerLogo" alt="logo" src="../Ressources/logo.png"></a>
+    </header>
+
+    <div class="corpsArticle">
+        <h1>Pourquoi j'ai créer mon propre <a href="https://thomtrooper.github.io/editeurMD">éditeur Markdown</a></h1><br>
+<h2>Le contexte :</h2>
+J'utilise <a href="https://en.wikipedia.org/wiki/Markdown">Markdown</a> pour <b>tout</b> : 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 ?<br><br>
+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é.<br><br>
+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 ?<br>
+<h2>Le projet</h2>
+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.<br>
+L'idée était donc de faire un truc simple, qui fonctionne dans le navigateur avec :<br>
+<ul><li>Un champ pour taper du markdown,</li><li>Un aperçu en direct du rendu HTML,</li><li>La possibilité de le télécharger,</li><li>Et basta.<br></li></ul>
+Pas d'inscription, pas de sauvegarde dans le cloud, pas d'IA, pas de framework usine à gaz. Juste du JS et du DOM.<br>
+<h2>Pourquoi l'avoir fait ?</h2>
+Comme dit plus haut : <b>Je voulais comprendre.</b><br>
+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.<br>
+<h2>Côté tech</h2>
+Tout est en HTML/CSS/JavaScript vanilla. Pas de framework, pas d'API.<br>
+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 ?) : <a href="https://github.com/ThomTrooper/ThomTrooper.github.io/tree/main/editeurMD">Le code est dispo ici</a><br>
+<h2>Et maintenant ?</h2>
+J'ai prévu de le continuer, la preuve : j'ai fait des commits ce matin.<br>
+Pas à plein temps, c'est juste un passe-temps. Mais j'aimerais bien en faire une application desktop à l'avenir.<br><br>
+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.<br><br>
+@thomtrooper<br>
+    </div>
+
+    <footer class="basPage">
+        <a href="https://thomtrooper.github.io/Portfolio/index.html" target="_blank">thomtrooper.github.io/Portfolio/</a>
+    </footer>
+    
+</body>
+
+</html>
