无序列表

以下是一个多项目的无序列表,用来测试列表在书页中的垂直空间占用:

有序列表

实现一个分页排版引擎的步骤:

  1. 使用 marked 将 Markdown 转换为 HTML
  2. 使用 JSDOM 解析 HTML 为 DOM 树
  3. 遍历 DOM 的子节点,为每个块级元素创建排版对象
  4. 根据 PageConfig 中的元素高度表,估算每个元素的高度
  5. 将元素逐个尝试放入当前页,放不下时按 splitStrategy 拆分或移到下一页
  6. 所有元素处理完毕后,输出页面数组

嵌套列表

混合内容列表

  1. 首先,安装项目依赖
    npm install
  2. 然后,启动开发服务器
    npm run dev
  3. 最后,构建生产版本
    • 运行 npm run build
    • 检查 dist/ 目录
    • 部署到服务器