分类

← View All Tools

富文本JSON转PDF

将TipTap/Quill/Slate导出的JSON转换为PDF

将富文本编辑器JSON导出转换为PDF。

支持编辑器： TipTap、Quill、Slate
输入： 粘贴JSON或上传文件
输出： 排版友好的PDF

示例结果

1 个示例

示例：Richtext JSON

自动生成的PDF样例：TipTap JSON rendered to PDF

richtext-json-to-pdf-example1.pdf 查看文件
查看输入参数
{ "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

关键信息

分类
Document Tools
输入类型
textarea, file, select, text, number, checkbox
输出类型
file
样本覆盖
4
支持 API
Yes

概览

富文本JSON转PDF工具是一款专业的文档转换工具，支持将TipTap、Quill或Slate编辑器导出的JSON数据快速渲染为排版精美的PDF文档，满足文档归档、打印及分享需求。

适用场景

  • •需要将网页端富文本编辑器导出的JSON数据转换为正式的PDF文档时。
  • •需要对导出的文档进行自定义页面尺寸、边距及字体大小设置时。
  • •在进行文档归档或离线打印前，需要将结构化数据转化为通用PDF格式时。

工作原理

  • •粘贴富文本JSON内容或直接上传JSON文件。
  • •选择对应的编辑器类型（TipTap、Quill或Slate），或使用自动检测功能。
  • •根据需求调整页面尺寸、边距、字号等排版参数。
  • •点击转换按钮，即可生成并下载排版友好的PDF文件。

使用场景

企业内部知识库文档导出为PDF存档。
将在线编辑器编写的合同或报告转换为可打印的PDF格式。
开发者将前端富文本组件的数据快速转化为用户可下载的说明文档。

用户案例

1. TipTap文档导出

前端开发者
背景原因
项目中使用TipTap编辑器记录了技术文档，需要提供给客户下载PDF版本。
解决问题
需要将JSON数据转化为符合A4纸张规范的专业文档。
如何使用
粘贴TipTap JSON内容，设置页面尺寸为A4，调整边距为18mm，点击生成。
示例配置
{"editorType": "tiptap", "pageSize": "A4", "marginTop": 18, "marginBottom": 18}
效果
生成了一份排版整齐、符合打印标准的PDF技术文档。

用 Samples 测试

json, pdf, text
富媒体 JSON 示例
常见富文本编辑器（TipTap、Quill、Slate）的 JSON 示例
title token rich,json
json, text
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
title token pdf
json, text
聊天记录 JSON 示例
多角色聊天记录的 JSON 示例
title token json
json, text
十六进制/Unicode转换样本
十六进制和Unicode转义序列转换的测试样本
preferred input family json,text
json, text

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
PdfConvert工具专题
探索 28 个围绕 pdf 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。

常见问题

支持哪些富文本编辑器导出的JSON？

目前本工具完美支持TipTap、Quill和Slate三种主流富文本编辑器导出的JSON格式。

转换后的PDF排版可以自定义吗？

可以。您可以自定义页面尺寸（如A4、A5）、页边距、基础字号以及是否横向打印等参数。

如果不知道编辑器类型怎么办？

您可以选择“Auto Detect”选项，系统会自动识别并匹配对应的解析规则。

转换过程中的数据安全吗？

我们非常重视隐私，所有上传的JSON数据仅用于PDF转换处理，处理完成后不会存储您的文档内容。

支持批量转换吗？

本工具目前支持单次上传或粘贴JSON内容进行转换，以确保最佳的排版渲染效果。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
jsonContent textarea 否 -
jsonFile file (需要先上传) 否 -
editorType select 否 -
documentTitle text 否 -
baseFontSize number 否 -
pageSize select 否 -
landscape checkbox 否 -
printBackground checkbox 否 -
marginTop number 否 -
marginBottom number 否 -
marginLeft number 否 -
marginRight number 否 -
waitUntil select 否 -
waitTime number 否 -

文件类型参数需要先通过 POST /upload/richtext-json-to-pdf 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "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)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-richtext-json-to-pdf": {
      "name": "richtext-json-to-pdf",
      "description": "将TipTap/Quill/Slate导出的JSON转换为PDF",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=richtext-json-to-pdf",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]