pantoken / tools/demo/src / buildExampleSrcdoc

Hàm: buildExampleSrcdoc() ​

buildExampleSrcdoc(html, options): string

Xây dựng chuỗi tài liệu đầy đủ <!doctype html> cho bản xem trước ví dụ trực tiếp tách biệt.

Tham số ​

html ​

string

Markup thô của ví dụ (nguyên văn từ khối nguồn của nó).

options ​

ExampleSrcdocOptions

ExampleSrcdocOptions.

Trả về ​

string

Chuỗi tài liệu — truyền nó qua escapeSrcdoc trước khi sử dụng nó làm giá trị thuộc tính iframe srcdoc.

Ví dụ ​

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