pantoken / tools/demo/src / buildExampleSrcdoc

Funzione: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Genera la stringa completa del documento <!doctype html> per un'anteprima isolata dell'esempio live.

Parametri ​

html ​

string

Il markup grezzo dell'esempio (letterale dalla sua fence di origine).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Restituisce ​

string

La stringa del documento — passarla attraverso escapeSrcdoc prima di usarla come valore dell'iframe srcdoc valore dell'attributo.

Esempio ​

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