弗兰肯- 马克下 软件包
此目录包含浏览器包的源包包. 已生成
wasm-bindgen 此处故意不使用胶水; scripts/check-wasm-package.sh
把它建起来 target/fmd-checks/wasm-package/。 。 。 .
构建
rustup target add wasm32-unknown-unknown
cargo install wasm-bindgen-cli --version 0.2.126 --locked
scripts/check-wasm-package.sh
组装的软件包包括:
franken_markdown.js- 人类基因组手写的无害环境管理包装器,franken_markdown.d.ts- 准确的TypeScript API合同,demo/- 使用公共软件包包装的静态浏览器演示,package.json- 元数据包和出口,pkg/- 生成的先天胶和.wasm二进制.
演示
之后 scripts/check-wasm-package.sh软件包目录
使用任何静态文件服务器并打开 demo/index.html数字 :
python3 -m http.server 8787 --directory target/fmd-checks/wasm-package
然后打开 http://127.0.0.1:8787/demo/演示为 Plain HTML/CSS/ESM 并
不需要捆绑器或网络访问才能正常渲染。 进口
../franken_markdown.js,使 HTML 预览通过 renderHtml,以及
下载 PDF 字节通过 renderPdf。 。 。 .
浏览器使用
import { createRenderer } from "./franken_markdown.js";
const fmd = await createRenderer();
const html = await fmd.renderHtml("# Hello", { font: "sans", darkMode: "auto" });
document.body.innerHTML = html.text();
const pdf = await fmd.renderPdf("# Report", {
title: "Report",
metadataEpochSeconds: 1700000000
});
const url = URL.createObjectURL(pdf.blob());
每个结果都:
format数字 :html或者说pdf, (中文(简体) ),mimeType:浏览器 Blob MIME 类型,extension: 默认下载扩展名,sourceLength: 标记下源字节长度,bytes数字 :Uint8Array, (中文(简体) ),diagnostics:可回收的剖面诊断,text(), (中文(简体) ),blob(),以及filename()帮手.