Categories

← View All Tools

Rich Text JSON to PDF

Convert TipTap, Quill, or Slate JSON exports into a styled PDF document

Convert rich text editor JSON exports to PDF.

Supported editors: TipTap, Quill, Slate
Input: paste JSON or upload a JSON file
Output: printable PDF with clean typography

Example Results

1 examples

Richtext JSON

TipTap JSON rendered to PDF

richtext-json-to-pdf-example1.pdf View File
View input parameters
{ "jsonContent": "{\"type\":\"doc\",\"content\":[{\"type\":\"heading\",\"attrs\":{\"level\":2},\"content\":[{\"type\":\"text\",\"text\":\"Release Update\"}]},{\"type\":\"paragraph\",\"content\":[{\"type\":\"text\",\"text\":\"Generated sample.\"}]}]}", "editorType": "tiptap", "documentTitle": "TipTap Sample" }

Click to upload file or drag and drop file here

Maximum file size: 5MB Supported formats: application/json, text/plain

Key Facts

Category
Document Tools
Input Types
textarea, file, select, text, number, checkbox
Output Type
file
Sample Coverage
4
API Ready
Yes

Overview

Easily convert your rich text editor JSON exports from TipTap, Quill, or Slate into professional, printable PDF documents with custom styling and layout controls.

When to Use

  • •When you need to generate printable reports or invoices from rich text editor data.
  • •When you want to archive web-based content as standardized PDF files.
  • •When you need to share formatted documents with stakeholders who require static file formats.

How It Works

  • •Paste your JSON content directly into the input field or upload your JSON file.
  • •Select your source editor type (TipTap, Quill, or Slate) or use Auto Detect.
  • •Adjust document settings like page size, margins, and font size to match your requirements.
  • •Click convert to generate and download your styled PDF document.

Use Cases

Converting CMS blog drafts into PDF previews for editorial review.
Generating client-facing project reports from internal rich text databases.
Creating printable documentation from technical knowledge base exports.

Examples

1. Generating a Project Report

Project Manager
Background
The team uses a TipTap-based editor to log weekly project updates in a database.
Problem
The manager needs to send a clean, formatted PDF version of the weekly update to stakeholders.
How to Use
Upload the weekly update JSON file, select 'TipTap' as the editor type, and set the page size to A4.
Outcome
A professional PDF document is generated, preserving the headings and paragraph structure of the original rich text.

2. Archiving Technical Documentation

Technical Writer
Background
Documentation is maintained in a Slate-based editor for web display.
Problem
The writer needs to create an offline, printable version of the documentation for a client manual.
How to Use
Paste the Slate JSON content into the tool, adjust the margins to 20mm for binding, and download the PDF.
Outcome
A perfectly formatted PDF manual ready for print, maintaining all original text styling.

Try with Samples

json, pdf, text
Rich Media JSON Samples
JSON examples for popular rich text editors (TipTap, Quill, Slate)
title token rich,json
json, text
PDF Samples
Generated PDF samples from tools dated 2026-02-01 to 2026-02-10
title token pdf
json, text
Chat Transcript JSON Samples
JSON examples for multi-role chat transcripts
title token json
json, text
Hex/Unicode Encoding Format Samples
Examples of hex (\xXX) and unicode (\uXXXX) escape sequence encoding formats
preferred input family json,text
json, text

Related Hubs

Json Convert Tools
Explore 100 json tools for convert workflows and compare closely related utilities quickly.
Text Convert Tools
Explore 80 text tools for convert workflows and compare closely related utilities quickly.
Pdf Convert Tools
Explore 28 pdf tools for convert workflows and compare closely related utilities quickly.
Json Tools
Explore 43 json tools for utility workflows and compare closely related utilities quickly.

FAQ

Which rich text editors are supported?

The tool currently supports JSON exports from TipTap, Quill, and Slate.

Can I customize the page layout?

Yes, you can adjust page size, orientation, and margins to fit your specific document needs.

Is my data secure?

Your data is processed locally or via secure transmission to generate the PDF and is not stored permanently.

What if my JSON structure is complex?

The tool is designed to parse standard JSON schemas from the supported editors; ensure your JSON is valid before uploading.

Can I change the font size of the output?

Yes, you can set the base font size between 10px and 20px to ensure readability.

API Documentation

Request Endpoint

POST /en/api/tools/richtext-json-to-pdf

Request Parameters

Parameter Name Type Required Description
jsonContent textarea No -
jsonFile file (Upload required) No -
editorType select No -
documentTitle text No -
baseFontSize number No -
pageSize select No -
landscape checkbox No -
printBackground checkbox No -
marginTop number No -
marginBottom number No -
marginLeft number No -
marginRight number No -
waitUntil select No -
waitTime number No -

File type parameters need to be uploaded first via POST /upload/richtext-json-to-pdf to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
File: File

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-richtext-json-to-pdf": {
      "name": "richtext-json-to-pdf",
      "description": "Convert TipTap, Quill, or Slate JSON exports into a styled PDF document",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=richtext-json-to-pdf",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]