pantoken / tools/demo/src / buildExampleSrcdoc

函式: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

為獨立的即時範例預覽構建完整的 <!doctype html> 文件字串。

參數 ​

html ​

string

範例的原始標記（逐字取自其來源程式區塊）。

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

回傳 ​

string

文件字串 — 在將其用作 iframe srcdoc 屬性值之前，先透過 escapeSrcdoc 處理。

範例 ​

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>`;