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