Tiptap 中文文档

PDF 导出中的分页符

Available in Start planBeta

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

工作原理

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

Set up PageBreak and PDF export

Register the PageBreak extension together with the PDF export extension. Page breaks in the editor content will be automatically converted during export.

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({
      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)
      },
    }),
  ],
})

了解更多