Übersicht
Der Markdown Preview ist ein moderner, webbasierter Editor, der es ermöglicht, Markdown-Dokumente in Echtzeit zu erstellen und zu visualisieren. Die Anwendung bietet eine intuitive Benutzeroberfläche mit sofortiger Vorschau der formatierten Ausgabe.
Hauptfunktionen
- ⚡ Echtzeit-Markdown-Rendering
- 📝 Side-by-side Editor und Preview
- 🎨 Syntax-Highlighting
- 📱 Responsives Design
- 💾 Lokale Speicherung der Eingabe
- 🔄 Automatische Aktualisierung
Technische Details
- Framework: React.js
- Markdown Parser: Marked.js
- Syntax Highlighting: Highlight.js
- State Management: React Hooks
- Styling: CSS3 mit Flexbox/Grid
Features
- Unterstützung aller gängigen Markdown-Elemente:
- Überschriften
- Listen (geordnet/ungeordnet)
- Code-Blöcke
- Tabellen
- Links und Bilder
- Blockquotes
- Horizontale Linien
Benutzerfreundlichkeit
- Klare, zweispaltige Ansicht
- Sofortige Vorschau
- Intuitive Bedienung
- Responsive für alle Bildschirmgrößen
- Dunkelmodus verfügbar
Performance
- 🚀 Optimierte Render-Performance
- ⚡ Schnelle Startzeit
- 📦 Minimale Bundle-Größe
- 🔄 Effizientes Re-Rendering
Links
Entwicklungsziele
- Clean Code Prinzipien
- Modulare Komponenten-Struktur
- Optimierte Performance
- Zugänglichkeit (A11y)