Multiline Support | Header & Footer

Headers and footers support multiple lines of text. You can use line breaks (<br>) or HTML block elements to create multiline content.

Example: Multiline Header

PaginationPlus.configure({
  headerLeft: `<h1>Tiptap Pagination Plus</h1>
<p>by Romik Makavana</p>`,
  headerRight: "Page {page}",
})

Example: Multiline Footer

PaginationPlus.configure({
  footerLeft: `<p><strong>Contact Me :</strong><br>dev.romikmakavana@gmail.com</p>`,
  footerRight: "Made with ❤️ by Romik",
})

Using Line Breaks

You can use <br> tags to create line breaks within a single element:

PaginationPlus.configure({
  headerLeft: `<p>Company Name<br>Department<br>Location</p>`,
  footerLeft: `<p>Contact Information<br>Email: info@example.com<br>Phone: (555) 123-4567</p>`,
})

Using HTML Block Elements

You can also use HTML block elements like <p>, <div>, or heading tags to create multiple lines:

PaginationPlus.configure({
  headerLeft: `<h1>Document Title</h1>
<p>Subtitle or Description</p>
<small>Additional Information</small>`,
})

Automatic Height Adjustment

The extension automatically calculates the height needed for multiline content, so you don’t need to manually set heights. The header and footer will expand to fit all your content.

Related Topics

• Rich Text Support - Format multiline content with HTML styling
• Automatic Height Calculation - Learn how heights are calculated
• Complete Examples - See real-world multiline examples