Publier article : mon editeur markdown

ThomTrooper · ThomTrooper · commit 749f7b73a606 · 2025-08-13T14:11:56.000+02:00
diff --git a/Articles/mon_editeur_markdown.html b/Articles/mon_editeur_markdown.html
@@ -0,0 +1,49 @@
+<!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'était curieux des éditeurs existent : 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, peut importe que ce soit ou non la réalité.<br><br>
+J'avais un soucis : 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 as derrière ce nom.<br>
+L'idée était donc de faire un truc simple, qui fonctionne dans le navigateur avec :
+<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><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 verras (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écessite pas à me contacter sur Discord.<br>
+@thomtrooper
+    </div>
+
+    <footer class="basPage">
+        <a href="https://thomtrooper.github.io/Portfolio/index.html" target="_blank">thomtrooper.github.io/Portfolio/</a>
+    </footer>
+    
+</body>
+
+</html>
diff --git a/index.html b/index.html
@@ -19,8 +19,7 @@
         <div id="lastArticle">
             <div id="lastTxt">
         <h3>Lancement_blog</h3>
-        <p>Hello world, moi c’est <i>ThomTrooper</i>, étudiant en informatique passionné par tout ce qui touche au monde du numérique.<br><br>
-J’ai décidé de lancer ce blog un peu comme ça, poussé par l’envie de partager mon point de vue sur le vaste univers informatique. Que vous soyez débutant ou plus avancé, j’espère que vous trouverez ici des contenus intéressants et utiles.</p>
+        <p><h1>Bienvenue sur mon blog informatique</h1><br> Hello world, moi c’est <i>ThomTrooper</i>, passionné par tout ce qui touche au monde du numérique.<br><br> J’ai décidé de lancer ce blog un peu comme ça, poussé par l’envie de partager mon point de vue sur le vaste univers informatique. Que vous soyez débutant ou plus avancé, j’espère que vous trouverez ici des contenus intéressants et utiles.<br><br> Vous y découvrirez des mini tutos pour apprendre quelques notions, des articles sur des sujets qui me passionnent, ainsi que des critiques et analyses de l’actualité informatique mais pas que.<br><br> Mon objectif avec ce blog est simple : Créer un espace où je peux partager ce que j’apprends, ce que je découvre, ce dont j'ai envie<br><br>[...]</p>
         <a href="Articles/lancement_blog.html">Lire la suite</a>
         </div>
         </div>
