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