pantoken / tools/demo/src / buildExampleSrcdoc

Функция: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Соберите полную строку документа <!doctype html> для изолированного предварительного просмотра интерактивного примера.

Параметры ​

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