Tiptap 中文文档

PDF导出中的分页符

Available in Start planBeta

PageBreak 扩展让用户可以在编辑器中插入显式的分页符。当与 PDF 导出扩展结合使用时，这些分页符会包含在导出的文档中。

工作原理

PDF 导出完全支持分页符。PDF 导出在底层使用 DOCX 转换，其中 pageBreak 节点会被转换为 <w:br w:type="page"/>，从而在生成的 PDF 中产生标准的分页符。

设置 PageBreak 与 PDF 导出

将 PageBreak 扩展与 PDF 导出扩展一起注册。编辑器内容中的分页符将在导出时自动转换。

import { Editor } from '@tiptap/core'
import { ConvertKit } from '@tiptap-pro/extension-convert-kit'
import { ExportPdf } from '@tiptap-pro/extension-export-pdf'
import { PageBreak } from '@tiptap-pro/extension-pagebreak'

const editor = new Editor({
  extensions: [
    ConvertKit,
    PageBreak,
    ExportPdf.configure({
      appId: 'your-app-id',
      token: 'your-jwt',
      onCompleteExport: (result) => {
        const blob = new Blob([result], { type: 'application/pdf' })
        const url = URL.createObjectURL(blob)
        const a = document.createElement('a')
        a.href = url
        a.download = 'export.pdf'
        a.click()
        URL.revokeObjectURL(url)
      },
    }),
  ],
})

了解更多