用JavaScript(JSON)生成pdf、docx、png、svg、flash等,带中文、图形、图片、超链接...

Sqribble文档自动化系统:模板即代码的浏览器端排版引擎 文档自动化正从简单格式转换升级为面向专业出版与合规交付的基础设施。其核心是将模板抽象为可验证的结构化规则(JSON Schema + CSS-in-JS),通过云原生架构实现跨设备确定性排版,并依托内容摄取引擎完成语义识别、结构归一与上下文增强。这类系统不依赖AI生成文本,而是聚焦于‘结构化内容→标准化输出’的可靠编译流程,显著提升法律、医疗、教育等强规范领域的交付一致性与合规性保障能力。Sqribble正是这一范式的典型代表,它让非技术人员也能以工程化方式调用文档生产能力。 阅读详情

运行效果: http://sandbox.runjs.cn/show/rdhbtfbw

规范说明见:http://xdoc.sinaapp.com

<script type="text/javascript" src="http://xdoc.sinaapp.com/xdoc.js"></script>
<script type="text/javascript">
var obj = {
    "version": "9.8.1",
    "meta": {
        "author": "xdoc"
    },
    "paper": {
        "margin": "10"
    },
    "body": {
        "sizeType": "autosize",
        "items": [
            {
                "Class": "para",
                "lineSpacing": "4",
                "align": "center",
                "items": [
                    {
                        "Class": "img",
                        "height": "230",
                        "src": "http://img1.imglafaso.com/images/product/000/000/001/742/463/1742463_0_b.jpg",
                        "width": "230"
                    }
                ]
            },
            {
                "Class": "para",
                "align": "center",
                "items": [
                    {
                        "Class": "text",
                        "fontName": "黑体",
                        "fontColor": "#ffffff",
                        "backColor": "#ff9900",
                        "text": " 包邮 "
                    },
                    {
                        "Class": "text",
                        "fontName": "标宋",
                        "text": " 静佳Jplus全身瘦最强攻略3件套装"
                    }
                ]
            },
            {
                "Class": "para",
                "backColor": "#f0f0f0",
                "align": "center",
                "lineSpacing": "6",
                "items": [
                    {
                        "Class": "text",
                        "valign": "center",
                        "fontName": "标宋",
                        "fontSize": "21",
                        "text": "¥168"
                    },
                    {
                        "Class": "rect",
                        "padding": "0",
                        "height": "37",
                        "width": "107",
                        "color": "",
                        "items": [
                            {
                                "Class": "para",
                                "items": [
                                    {
                                        "Class": "path",
                                        "fillColor": "#800000",
                                        "height": "18",
                                        "width": "40",
                                        "shape": "M 389 190 L 389 1 L 101 1 L 101 131 L 40 189 Z",
                                        "color": "",
                                        "items": [
                                            {
                                                "Class": "para",
                                                "align": "right",
                                                "items": [
                                                    {
                                                        "Class": "text",
                                                        "fontColor": "#ffffff",
                                                        "fontSize": "10",
                                                        "text": "4.4折"
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "Class": "para",
                                "items": [
                                    {
                                        "Class": "text",
                                        "fontColor": "#808080",
                                        "fontStyle": "throughline",
                                        "valign": "center",
                                        "text": "¥390.0"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "Class": "rect",
                        "fillColor": "#800000",
                        "gradual": "6",
                        "arc": "8",
                        "fillColor2": "#ff0000",
                        "href": "http://product.lefeng.com/pklist/1742463.html?productId=1742463",
                        "align": "center",
                        "color": "",
                        "valign": "center",
                        "items": [
                            {
                                "Class": "para",
                                "align": "center",
                                "items": [
                                    {
                                        "Class": "text",
                                        "fontColor": "#ffffff",
                                        "fontStyle": "bold",
                                        "valign": "center",
                                        "text": "立即疯抢"
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        ]
    }
};
XDoc.to(obj, "pdf");
//XDoc.to(obj, "docx");
//XDoc.to(obj, "png");
//XDoc.to(obj, "svg");
//XDoc.to(obj, "flash");
</script>

 

 

nodejs swagger.json转成docx bashjavascripttry {// 读取DOCX模板template,data: {path,}))},});console.log('文档已生成');console.error('生成失败:', error); 阅读详情

相关推荐

JSON 入门指南--(PDF电子书+随书源码)免费

JSON 入门指南--(PDF电子书+随书源码)免费下 不要钱

JS前端生成pdf文件和excel文件

生成pdf文件: 使用html2canvas和jspdf插件 详情: jspdf html2canvas 通过下面指令安装或者使用CDN npm install --save html2canvas jspdf 然后分别引入 import html2canvas from 'html2canvas' import JsPdf from 'jspdf' 先通过html2canvas将DOM元素整...

Dilomen的博客 4850

html-docx-js-typescript:将HTML文档转换为docx格式

html-docx-js-typescript 用Typescript重写 。 将HTML文档转换为docx格式。 正在安装 npm install html-docx-js-typescript --save-dev 用法 支持node.js和浏览器环境,包括vue / react / angular。 Vue.js用法演示: import { asBlob } from 'html-docx-js-typescript' // if you want to save the docx file, you need import 'file-saver' import { saveAs } from 'file-saver' const htmlString = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

如何在 JavaScript 中生成 PDF

在本文中,我们将学习在 JavaScript 源代码中创建 PDF 的最佳库,以及如何在我们的 JavaScript 代码中使用该库。

迹忆客 8893

避坑指南:RK3568双网口RMII模式DTS配置常见错误与调试技巧

本文详细解析了RK3568双网口RMII模式DTS配置中的常见错误与调试技巧,涵盖时钟配置、PHY识别、复位时序等关键问题。通过实战案例和系统化调试方法,帮助开发者快速解决百兆以太网连接不稳定、PHY识别失败等典型问题,提升开发效率。

weixin_42549037的博客 343

GPU服务器选购避坑指南:从硬件配置到场景化性能调优

本文提供GPU服务器选购的全面指南,涵盖硬件架构解析、应用场景配置策略和性能调优实践。针对大模型训练、推理服务和科学计算等场景,详细分析GPU选型、内存带宽匹配和散热设计等关键因素,帮助技术决策者避免常见配置误区,实现成本效益最大化。

peace的博客 1030

内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档

另外,对于原生的PDF文件来说,仅包含英文字体,不包含任何中文字体,因此当导出的内容中含有中文字体编码时,就会显示乱码,所以通常情况下,我们都需要为PDF进行字体注册操作。当然也会有一定的缺点,对于字体较多的文件,需要注册不同的字体,字体文件越大,占用的带宽就越大。具体如何转,可以找一些在线的文件转换器,不过在线的有可能会因为字体文件太大而崩溃,或者有能力的大佬可以自己写一个转换的工具。正如前面所说的,在国内,使用中文的报告是一件再常见不过的事,在计量检测等相关场景,特殊字符的使用也较多。

葡萄城技术团队博客 4676

cesium加载geotiff的 四种方法

本文介绍了在Cesium中加载GeoTIFF数据的两种主要方法。首先解析了核心前置知识,包括坐标系匹配、数据类型区分和性能优化。方法1详细演示了如何将RGB影像GeoTIFF转换为Cesium影像图层,包含从数据解析到Canvas转换的完整代码流程。方法2则针对高程数据(DEM)处理,展示了前端直接解析构建地形网格的方案。文章提供了完整的代码示例和关键实现要点,适用于卫星影像、专题图和数字高程模型等多种GeoTIFF数据类型在三维场景中的可视化需求。

大剑师兰特的GIS世界 394

前端预览 文件 PDF 在 ios设备上的适配问题

这两个版本是可以用的 但是在过程中 还是发现有问题 用 jsPDF 库合成的pdf文件在 ios 浏览器上还是白屏 目前看是因为 合成的pdf 文件可能 精度过高 或者 宽高超了 但是还不清楚从哪里下手。这个库,但是在使用的过程中 发现。想在PC和H5上预览各种文件 XSLS、PDF、PPT、DOCX。

laowangzia的博客 1429

Python爬虫实战:京东/淘宝商品价格与评论监控系统——从User-Agent伪装到编码陷阱的全面攻克

在电商数据驱动决策的今天,无论是个人消费者想抓住历史低价,还是市场分析师需要追踪竞品动态,抑或是算法交易员依赖实时价格信号,自动化的商品价格与评论监控系统都已成为不可或缺的工具。然而,电商平台的反爬虫策略日益严苛,字符编码的“暗坑”更是让初学者屡屡碰壁。本文将以京东(JD.com和淘宝(Taobao.com两大主流平台为目标,手把手带你构建一个稳定、高效的商品监控爬虫。User-Agent伪装——如何模拟真实浏览器行为,突破初级反爬。GBK/UTF-8编码混战。

2201_76125261的博客 75

【异常】Coze/扣子 Workflow 调用报 4200 错误深度解析

Coze API 的。

奶爸的编程之路,也就一周冷个三天 301

用JavaScript(JSON)生成pdf、docx、png、svg、flash等,带中文、图形、图片、超链接......

运行效果: http://sandbox.runjs.cn/show/rdhbtfbw 规范说明见:http://xdoc.sinaapp.com &lt;script type="text/javascript" src="http://xdoc.sinaapp.com/xdoc.js"&gt;&lt;/script&gt; &lt;script type="text/javascrip...

487

团体程序设计天梯赛竞赛题--登顶题【L3-039 攀岩】

登顶级 3 道题,每道题 30 分,满分为 90 分。

Pretty Boy Fox的博客 653

文档操作系统:模板驱动的自动化排版与结构化内容工作流

在数字内容规模化生产时代,‘文档’已从静态交付物演变为需要持续迭代、多端适配、品牌统一的动态资产。其核心挑战在于如何将非结构化内容(如会议纪要、网页文章、Word草稿)稳定、可复现地转化为专业级PDF、在线文档或邮件嵌入内容。这背后依赖的不是AI写作能力,而是基于结构化文档模型与可编程视觉契约的规则引擎——它通过预定义的页面网格、字体栈、色彩系统和组件库,实现格式即代码、排版即法律。该技术路径显著提升市场、产品、培训等非设计岗位的内容交付效率,支撑白皮书、课件、销售方案等高频文档的批量生产。本文深入解析这一

weixin_34167819的博客 504

万字长文带你由浅入深夯实ARM汇编基础——汇编指令及寻址方式最全梳理(附示例)!

见到汇编就害怕?读完这篇,扫除汇编拦路虎!!(示例丰富,可做手册,随手查阅!)

车载系统攻城狮 1万+

Fiori Elements Analytical List Page 标题区配置全攻略:从变体、过滤模式到 UI.KPI 的工程化落地

ALP标题区是Fiori Elements Analytical List Page的核心交互区域,承担变体管理、过滤模式切换、KPI展示等关键功能。本文系统解析了标题区的组成结构、可用能力及工程实现要点,包括:1)标题区包含过滤类型切换、全局KPI、变体管理等交互元素;2)详细说明视觉过滤与紧凑过滤的同步规则及实现方式;3)介绍OData V2下通过UI.KPI注解配置标题区KPI的方法;4)提供manifest.json配置示例和CDS注解写法。文章还对比了V2与V4版本的差异,为ALP开发提供实用指导

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 244

PDF.js介绍以及使用

/ 创建一个<canvas>元素用于显示PDF页面。// 将PDF页面渲染到<canvas>元素中。// 将<canvas>元素添加到容器中。// 指定工作线程脚本的路径。// 加载PDF文档。// 监听翻页按钮点击事件。

jyf_568的博客 1073

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

使用教程:DocxJS —— 基于JavaScript的.docx文件生成库

在`docxjs`项目中,目录结构如下: ``` docxjs/ ├── demo/ # 示例代码目录 │ ├── dist/ # 示例编译后的产出文件 │ └── src/ # 示例源码 ├── src/ # 主库源代码 ├── test/ # 测试用例 ├── editorconfig ...

gitblog_00702的博客 2300

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

vue在线预览文件,支持(docx、xlsx、pdf)

vue在线预览文件,支持(docx、xlsx、pdf)

qq_42385482的博客 9526

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

JSON 转换为 Word 文档

首先,需要在项目中引入相关的依赖,如。

坚持写博客,大家的关注是我前进的动力! 1904

使用Python实现Word文档与JSON格式双向转换:完整教程与代码解析

文档内容提取与分析:将Word文档内容转换为结构化JSON数据,便于后续处理和分析自动化报告生成:将JSON数据自动填充到预定义的Word模板中文档格式转换:作为Word与其他格式(如Markdown、HTML)转换的中间步骤内容管理系统:实现文档内容的版本控制和结构化存储完整性:支持文本、样式、表格等Word文档核心元素的转换灵活性:提供了API和命令行两种使用方式,适应不同场景需求实用性:代码可直接用于生产环境,且易于扩展这种转换工具在文档自动化处理内容管理系统和数据迁移。

东方佑 1682

json转docx项目记录

1

是鲤鱼啊 486

fastapi 接口json格式转word

fastapi api 运行之后 浏览器进入 http://127.0.0.1:8000/redoc 下载接口json。,会在同级目录下生成一个word文档。为json文件中的内容,需要把json中的。

刘念卿的博客 1661

python json文件怎么变成docx_使用Python转换word文档到JSON

需求是有一堆这样的word文档,要转换成试题,供web界面使用。#!/usr/bin/env python3import docximport reimport jsonfile = docx.Document("./2018《廉洁自律准则》知识竞赛试题及答案.docx")list = []val = Nonefor para in file.paragraphs:v = para.text.sp...

weixin_39605278的博客 1091

python 读取json转为docx_在Python中进行JSON转化

序列化,指的是把内存中的变量(如类的实例)变成可存储或可传输的过程。JSON(JavaScript Object Notation, JavaScript对象表示)是网络传输中经常使用的一种数据形式。在Python中,经常将字典转化成JSON来发送,使用的主要方法为dumps:import jsondata = {'name':'nick','age':12}data_json = json.du...

weixin_39996496的博客 606

python 读取json转为docx,Python读取JSON文件并修改

Hi I am trying to take the data from a json file and insert and id then perform POST REST.my file data.json has:{'name':'myname'}and I would like to add an id so that the json data looks like:{'id': 1...

weixin_42550750的博客 635
上一篇: 云报表XDOC:带参数的HTML
下一篇: 给你几个使用XDOC云服务(报表、表单)的理由
xdocs
博客等级 码龄11年 30粉丝 98原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值