Die docmd-Compiler-Architektur entkoppelt Dateisystem-I/O-Operationen von der zentralen Markdown-Parsing-Logik. Die Core-Engine kann vollständig im Browser ausgeführt werden und treibt Live-Editoren, CMS-Vorschaufenster und dynamische Webanwendungen an, ohne ein Server-Backend zu erfordern.

Der Live-Editor

Der integrierte Live-Editor bietet einen hochperformanten Split-Pane-Erstellungs-Workspace. Schreiben Sie Markdown im linken Bereich und beobachten Sie, wie sich die gerenderte HTML-Ausgabe in Echtzeit auf der rechten Seite aktualisiert.

Lokale Entwicklungsausführung

Starten Sie den Live-Editor lokal in Ihrem Projekt-Workspace:

npx @docmd/core live

Statischer Distributions-Build

Kompilieren Sie eine eigenständige, statische Version der Live-Editor-Benutzeroberfläche für das Hosting auf Vercel, Cloudflare Pages oder GitHub Pages:

npx @docmd/core live --no-serve

Dies kompiliert statische Assets in das Ausgabeverzeichnis, einschließlich des Einstiegspunkts index.html und der gebündelten @docmd/live-Browser-Engine.

Einbetten von @docmd/live

Integrieren Sie das browserkompatible Bundle in Webanwendungen von Drittanbietern, um docmd-Markdown clientseitig zu rendern.

1. Ressourcen-Integration

Binden Sie das Stylesheet und das JavaScript-Bundle aus statischen Assets oder vom CDN ein:

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

2. Browser-Compiler-API

Das globale docmd-Objekt stellt eine asynchrone compile-Methode für sofortiges clientseitiges Rendern bereit:

const html = await docmd.compile(markdown, {
  "title": "Dynamic Live Preview",
  "theme": { "appearance": "dark" }
});

document.getElementById("preview-frame").srcdoc = html;