Tool
Markdown zu JSON Editor
Ein leichtgewichtiger Markdown-Editor mit Live-Vorschau und integrierter Werkzeugleiste, der formatierte Texte per Knopfdruck als einzeiligen, escaped JSON-String für die direkte Weiterverarbeitung ausgibt.
Dieses Tool ist aus reinem Selbstnutzen entstanden, nachdem ich beim Veröffentlichen meines letzten Blog-Beitrags mit der Formatierung und dem manuellen Einfügen der Inhalte zu kämpfen hatte.
Im Zuge einer Optimierungsrunde hatte ich alle längeren Texte in eine separate JSON-Datei ausgelagert und die Inhalte dort als einzeilige Strings gesammelt. Dass mir diese manuelle Formatierung spätestens beim nächsten Blog-Post Probleme bereiten und den Workflow massiv ausbremsen würde, war schnell klar. Die Lösung: Ein paar Zeilen HTML, CSS und JavaScript, um einen maßgeschneiderten Editor mit einer 'One-Line-JSON-Copy'-Funktion zu bauen.
Der Editor optimiert den Content-Workflow durch eine strikte Verbindung von Design und Funktionalität:
-
Live-Vorschau: Während des Schreibens sorgt die integrierte Markdown-Rendering-Komponente für eine direkte visuelle Kontrolle des finalen Layouts.
-
Werkzeugleiste: Häufig genutzte Markdown-Formate (wie Überschriften, Listen oder Code-Blöcke) lassen sich über eine intuitive Toolbar per Klick einfügen.
-
One-Click-Export: Ein dedizierter Button konvertiert den gesamten Text augenblicklich in einen einzeiligen, escaped JSON-String und kopiert ihn direkt in die Zwischenablage.
Ein kleines, aber hocheffizientes Tool für den eigenen Content-Workflow, das mir das lästige manuelle Escapen von Texten abnimmt und das Veröffentlichen neuer Blog-Inhalte spürbar beschleunigt.