pantoken / tools/demo/src / buildExampleSrcdoc

تابع: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

رشتهٔ کامل سند <!doctype html> را برای پیش‌نمایش نمونهٔ زندهٔ جداشده بسازید.

پارامترها ​

html ​

string

نشانه‌گذاری خام مثال (عیناً از فنس منبع آن).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

مقدار بازگشتی ​

string

رشتهٔ سند — قبل از استفاده به‌عنوان یک iframe، آن را از طریق escapeSrcdoc عبور دهید. مقدار صفت 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>`;