pantoken / tools/demo/src / buildExampleSrcdoc

Συνάρτηση: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Δημιουργήστε το πλήρες string εγγράφου <!doctype html> για μια απομονωμένη προεπισκόπηση ζωντανού παραδείγματος.

Παράμετροι ​

html ​

string

Ο ακατέργαστος κώδικας σήμανσης του παραδείγματος (ακριβώς όπως στο fence της πηγής του).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Επιστρέφει ​

string

Το string εγγράφου — περάστε το μέσω του escapeSrcdoc πριν το χρησιμοποιήσετε ως τιμή χαρακτηριστικού iframe srcdoc attribute value.

Παράδειγμα ​

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