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