pantoken / tools/demo/src / buildExampleSrcdoc

ฟังก์ชัน: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

สร้างสตริงเอกสาร <!doctype html> แบบเต็มสำหรับการแสดงตัวอย่าง live-example แบบแยกส่วน

พารามิเตอร์ ​

html ​

string

มาร์กอัปดิบของตัวอย่าง (ตรงตามตัวอักษรจากรั้วต้นทาง)

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

คืนค่า ​

string

สตริงเอกสาร — ส่งผ่าน escapeSrcdoc ก่อนนำไปใช้เป็นค่าของแอตทริบิวต์ iframe srcdoc ค่าของแอตทริบิวต์

ตัวอย่าง ​

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