docmd 实时预览架构允许你将生产级的 Markdown 渲染引擎直接引入到自定义编辑器、CMS 仪表板或基于 Web 的 IDE 中。

1. 资源集成

从你的资源目录或 CDN 中包含所需的 CSS 和 JavaScript 捆绑包：

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

2. 同构 API

全局 docmd 对象提供了用于瞬时渲染的 compile 方法。

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

// 注入到 iframe 中以实现样式隔离
document.getElementById('preview-frame').srcdoc = html;