pantoken-root / tools/demo/src / buildExampleSrcdoc

Függvény: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Felépíti a teljes <!doctype html> dokumentum-karakterláncot egy izolált élő példa előnézetéhez.

Paraméterek ​

html ​

string

A példa nyers jelölőkódja (szó szerint a forrásblokkból).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Visszatérési érték ​

string

A dokumentum-karakterlánc — futtassa át a(z) escapeSrcdoc függvényen, mielőtt egy iframe srcdoc attribútumértékeként használná.

Példa ​

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