Find out what's new in Tiptap Editor 3.0

Page layout options

You can adjust some aspects of the page layout to better fit your needs. The main options are headerHeight, footerHeight, and pageGap.

Header height

  • Controls how tall the header area is at the top of each page.
  • Default: 50 (pixels)
Pages.configure({
  headerHeight: 80, // Makes the header area taller
})
  • Controls how tall the footer area is at the bottom of each page.
  • Default: 50 (pixels)
Pages.configure({
  footerHeight: 60, // Makes the footer area taller
})

Page gap

  • Sets the space between each page.
  • Default: 50 (pixels)
Pages.configure({
  pageGap: 30, // Reduces the space between pages
})

Note

Page margins (space around the content) are fixed for each format and cannot be changed yet.