Die docmd-Live-Vorschau-Architektur ermöglicht es Ihnen, die produktionsreife Markdown-Rendering-Engine direkt in benutzerdefinierte Editoren, CMS-Dashboards oder webbasierte IDEs zu bringen.

1. Ressourcen-Integration

Binden Sie die erforderlichen CSS- und JavaScript-Bundles aus Ihren Assets oder 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 bietet die compile-Methode für verzögerungsfreies Rendering.

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

// In einen Iframe injizieren für Stil-Isolation
document.getElementById('preview-frame').srcdoc = html;