pantoken-root / tools/demo/src / buildExampleSrcdoc

函数: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

为独立的实时示例预览构建完整的 <!doctype html> 文档字符串。

参数 ​

html ​

string

示例的原始标记（逐字来自其源代码块）。

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

返回值 ​

string

文档字符串 — 在将其作为 iframe 使用前，先通过 escapeSrcdoc 处理 作为 srcdoc 属性值。

示例 ​

ts
import { buildExampleSrcdoc, escapeSrcdoc } from "@pantoken/demo";

const doc = buildExampleSrcdoc("<button class=\"instui-button\">Save</button>", {
  cssUrls: ["/demos-assets/components.css"],
});
const iframe = `<iframe class="pantoken-demo__frame css-example" sandbox="allow-scripts" srcdoc="${escapeSrcdoc(doc)}"></iframe>`;