pantoken / tools/demo/src / buildExampleSrcdoc

Fonction: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Générer la chaîne de document complète <!doctype html> pour un aperçu d'exemple en direct isolé.

Paramètres ​

html ​

string

Le balisage brut de l'exemple (littéralement depuis sa zone de source).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Renvoie ​

string

La chaîne de document — passez-la par escapeSrcdoc avant de l'utiliser comme valeur d'attribut iframe srcdoc

Exemple ​

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