Skip to content

Example

import { Editor } from '@tiptap/core';
import StarterKit from '@tiptap/starter-kit';
import { PaginationPlus } from 'tiptap-pagination-plus';
import { PaginationTable } from 'tiptap-table-plus';
const {
TablePlus, TableRowPlus, TableCellPlus, TableHeaderPlus
} = PaginationTable;
const editor = new Editor({
extensions: [
StarterKit,
TablePlus,
TableRowPlus,
TableCellPlus,
TableHeaderPlus,
PaginationPlus.configure({
pageHeight: 842,
pageGap: 20,
pageBreakBackground: "#F7F7F8",
pageHeaderHeight: 25,
pageFooterHeight: 25,
footerRight: "Made with ❤️ by Romik",
footerLeft: "Page {page}",
headerLeft: "Header Left",
headerRight: "Header Right",
marginTop: 30,
marginBottom: 50,
marginLeft: 70,
marginRight: 70,
contentMarginTop: 30,
contentMarginBottom: 30,
}),
],
})

Links: