docmd verfügt über eine modulare Architektur, die Dateisystemoperationen von der Kernverarbeitungslogik trennt. Dies ermöglicht es der Dokumentations-Engine, vollständig im Browser zu laufen, was Live-Editoren und CMS-Vorschauen ohne die Notwendigkeit eines Node.js-Backends ermöglicht.

Live-Editor öffnen

Der Live-Editor

Der integrierte Live-Editor bietet eine leistungsstarke Oberfläche mit geteilter Ansicht. Verfassen Sie Ihr Markdown im linken Bereich und beobachten Sie, wie die gerenderte Ausgabe im rechten Bereich in Echtzeit synchronisiert wird.

Lokale Ausführung

Um den Live-Editor lokal in Ihrem Projekt zu starten:

docmd live

Statische Distribution

Generieren Sie eine eigenständige, statische Version des Editors für das Hosting auf Plattformen wie Vercel oder GitHub Pages:

docmd live --build-only

Dies generiert ein dist/-Verzeichnis, das den Einstiegspunkt index.html und die gebündelte isomorphe Engine docmd-live.js enthält.

docmd einbetten

Sie können das browserkompatible Bundle in Ihre eigenen Anwendungen integrieren, um interne Markdown-Rendering- oder Vorschaufunktionen bereitzustellen.

1. Ressourcen-Integration

Binden Sie die erforderlichen CSS- und JavaScript-Bundles aus Ihren Assets oder von einem CDN ein:

<link rel="stylesheet" href="/assets/css/docmd-main.css">
<script src="/docmd-live.js"></script>

2. Isomorphe API

Das globale docmd-Objekt stellt die Methode compile für sofortiges Rendering zur Verfügung.

const html = await docmd.compile(markdown, {
  siteTitle: 'Dynamische Vorschau',
  theme: { appearance: 'dark' }
});

// In einen Iframe zur Stil-Isolation einfügen
document.getElementById('preview-frame').srcdoc = html;