EditorJS to DOCX/PDF

Objectives

Convert the JSON output of Editor.js to a PDF using Carbone, with the following features:

• Header, title, subtitle
• Paragraph, Html
• List, table
• Annex, image

Solution

The best approach is to use a template with a main structure based on a table, where each style is predefined and conditionally displayed as needed.

Here’s how to construct a template to achieve this with Carbone:

1. Create a global table

   Insert a table with a single column that spans the full width of the page.

   Configure it with no borders for better integration.

2. Create a row per style

   For each style (e.g., paragraph, header, list, table...), define a row to specify the format settings

   Set parameters such as font, indentation and spacing within the Carbone tag

   Example: {d.blocks[i].data.text}

3. Test the type to keep the line if it matches

   In each cell, use ifEQ formatter to test the data and control the display

   Example: {d.blocks[i].type:ifEQ('paragraph'):keep(row)}

And there you go!