pantoken / tools/demo/src / buildExampleSrcdoc

Fonksyon: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Bati fisèl dokiman an konplè <!doctype html> pou yon aperçu egzanp viv izole.

Paramèt ​

html ​

string

Markaj brit egzanp lan (vèbatim soti nan blok kòd sous li).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Retounen ​

string

Fisèl dokiman an — pase li atravè escapeSrcdoc anvan ou itilize li kòm valè atribi srcdoc pou yon iframe. srcdoc attribute value.

Egzanp ​

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