适配版本：HarmonyOS 5.0.0 或以上
阅读目标：掌握如何将富文本中包含标题、段落、图片、视频、音频、表格、图表等内容正确导出为 PDF/Word，确保格式统一、内容完整、样式可还原，满足正式发布与资料归档需求。

🧱 一、支持导出的内容类型一览

📄 二、导出为 PDF 实现（结构渲染）

渲染流程：

renderPDF(noteId) {
  const blocks = getNoteBlocks(noteId)
  const renderer = createPDF()

  blocks.forEach(block => {
    if (block.type === 'title') renderer.addTitle(block.content, block.level)
    else if (block.type === 'paragraph') renderer.addText(block.content)
    else if (block.type === 'image') renderer.addImage(block.content)
    else if (block.type === 'table') renderer.addTable(block.table)
    else if (block.type === 'chart') renderer.addImage(renderChartAsImage(block))
    else if (block.type === 'audio') renderer.addNote(`[音频：${block.title ?? '语音内容'}]`)
    else if (block.type === 'quote') renderer.addQuote(block.previewText, block.reference)
  })

  renderer.export(`/exports/${noteId}.pdf`)
}

📝 三、导出为 Word 文档实现

推荐使用服务端生成：

POST /api/export/word
{
  blocks: [...],
  metadata: { title, createdAt }
}

服务端使用 docx 库或模板填充方式，输出 .docx 文件

📌 Word 可选样式：

• 正文字号 / 行距
• 页眉页脚（添加标题/作者/日期）
• 段落缩进 / 标题加粗 / 项目符号等结构格式化

🎨 四、样式还原机制（统一结构）

为确保导出内容与编辑器保持一致，需将富文本样式统一抽象：

interface RenderContext {
  bold?: boolean
  align?: 'left' | 'center' | 'right'
  fontSize?: number
  fontColor?: string
}

每个 block 在导出时带上其样式配置，渲染器根据 context 逐项处理。

🔄 五、格式兼容优化建议

📦 六、导出打包机制（可选 ZIP 导出）

exportAsPackage(noteId) {
  const pdf = generatePDF(noteId)
  const images = collectAllImages(noteId)
  const zip = new JSZip()
  zip.file('note.pdf', pdf)
  images.forEach((img, idx) => zip.file(`img_${idx}.jpg`, readFile(img)))
  zip.generateAsync({ type: 'blob' }).then(save)
}

📌 适用于打包导出图文资料或需要一并保存媒体资源的需求

✅ 七、小结