pantoken / tools/demo/src / buildExampleSrcdoc

Swyddogaeth: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Adeiladu llinyn dogfen llawn <!doctype html> ar gyfer rhagolwg enghraifft fyw wedi'i ynysu.

Paramedrau ​

html ​

string

Marcwedd crai'r enghraifft (yn llythrennol o'i ffens ffynhonnell).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Yn dychwelyd ​

string

Y llinyn dogfen — pasio drwy escapeSrcdoc cyn ei ddefnyddio fel gwerth yr atribut srcdoc ar gyfer iframe. srcdoc

Enghraifft ​

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