Éditeur Markdown avec Tiptap

Application web d’édition Markdown offrant une expérience d’écriture fluide et moderne, avec prévisualisation en temps réel, barre d’outils personnalisée et export du contenu. Développé avec Tiptap, React, TypeScript et SCSS.

react typescript scss

project

Conception de l’éditeur

L’objectif était de concevoir un éditeur Markdown moderne combinant la simplicité du texte brut et la puissance d’un éditeur WYSIWYG. J’ai choisi ** Tiptap** comme base pour sa flexibilité et son intégration fluide avec React. L’interface a été pensée pour être ** intuitive et minimaliste**, afin d’offrir une expérience d’écriture fluide et agréable, aussi bien pour les rédacteurs techniques que pour les développeurs.

Barre d’outils personnalisée et raccourcis Markdown

L’éditeur intègre une barre d’outils personnalisée permettant d’appliquer facilement les styles (gras, italique, titres, listes, citations…). Les raccourcis Markdown natifs sont également pris en charge, afin de permettre une écriture rapide et naturelle. L’ensemble des composants UI est stylisé avec ** SCSS** pour assurer une cohérence visuelle et une adaptation responsive sur tous les écrans.

project

project project