pantoken / tools/demo/src / buildExampleSrcdoc

Função: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Construa a string completa do documento <!doctype html> para uma pré-visualização isolada de exemplo ao vivo.

Parâmetros ​

html ​

string

A marcação bruta do exemplo (literalmente como está no seu fence de origem).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Retorna ​

string

A string do documento — passe-a por escapeSrcdoc antes de usá-la como valor do iframe srcdoc valor do atributo.

Exemplo ​

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