Word文档处理 — .docx读写编辑转换

创建、读取、编辑Word文档（.docx），支持插入图片、表格、目录、页眉页脚、格式刷、样式批量应用等功能。

<p align="center"> <img src="./logo/logo-animate.svg" width="100%" height="300" alt="clippy the assistant"> </p>

<p align="center"> Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser. </p>

---

[![NPM version][npm-image]][npm-url] [![Downloads per month][downloads-image]][downloads-url] [![GitHub Action Workflow Status][github-actions-workflow-image]][github-actions-workflow-url] [![Known Vulnerabilities][snky-image]][snky-url] [![PRs Welcome][pr-image]][pr-url] [![codecov][codecov-image]][codecov-url] [![Docx.js Editor][docxjs-editor-image]][docxjs-editor-url]

<p align="center"> <img src="https://i.imgur.com/QeL1HuU.png" alt="drawing"/> </p>

Demo

Browser

Here are examples of docx being used with basic HTML/JS in a browser environment:

• https://codepen.io/dolanmiu/pen/RwNeObg
• https://jsfiddle.net/dolanmiu/onadx1gu/

Here are examples of docx working in Angular:

• https://stackblitz.com/edit/angular-docx
• https://stackblitz.com/edit/angular-wmd6k3

Here are examples of docx working in React:

• https://stackblitz.com/edit/react-docx
• https://stackblitz.com/edit/react-docx-images (adding images to Word Document)

Here is an example of docx working in Vue.js:

• https://stackblitz.com/edit/vuejs-docx

Node

Press endpoint on the RunKit website:

!RunKit Instructions

• https://runkit.com/dolanmiu/docx-demo1 - Simple paragraph and text
• https://runkit.com/dolanmiu/docx-demo2 - Advanced Paragraphs and text
• https://runkit.com/dolanmiu/docx-demo3 - Bullet points
• https://runkit.com/dolanmiu/docx-demo4 - Simple table
• https://runkit.com/dolanmiu/docx-demo5 - Images
• https://runkit.com/dolanmiu/docx-demo6 - Margins
• https://runkit.com/dolanmiu/docx-demo7 - Landscape
• https://runkit.com/dolanmiu/docx-demo8 - Header and Footer
• https://runkit.com/dolanmiu/docx-demo10 - My CV generated with docx

More here

How to use & Documentation

Please refer to the documentation at https://docx.js.org/ for details on how to use this library, examples and much more!

Playground

Experience docx in action through [Docx.js Editor][docxjs-editor-url], an interactive playground where you can code and preview the results in real-time.

Examples

Check the demo folder for examples.

Contributing

Read the contribution guidelines here.

Used by

<img src="https://i.imgur.com/zy5qWmI.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/OYP5tgS.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/zUDMfZ3.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/wtNB1uq.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/suiH2zc.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/1LjuK2M.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/dHMg0wF.gif" alt="drawing" height="50"/> <img src="https://i.imgur.com/QEZXU5b.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/XVU6aoi.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/fn1xccG.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/cmykN7c.png" alt="drawing"/> <img src="https://i.imgur.com/PXo25um.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/AKGhtlh.png" alt="drawing"/> <img src="https://i.imgur.com/9tqJaHw.png" alt="drawing" height="50"/> <img src="https://i.imgur.com/5bLKFeP.png" alt="drawing" height="50"/>

...and many more!

---

[![patreon][patreon-image]][patreon-url] [![browserstack][browserstack-image]][browserstack-url]

Made with 💖

[npm-image]: https://badge.fury.io/js/docx.svg [npm-url]: https://npmjs.org/package/docx [downloads-image]: https://img.shields.io/npm/dm/docx.svg [downloads-url]: https://npmjs.org/package/docx [github-actions-workflow-image]: https://github.com/dolanmiu/docx/workflows/Default/badge.svg?branch=master [github-actions-workflow-url]: https://github.com/dolanmiu/docx/actions [snky-image]: https://snyk.io/test/github/dolanmiu/docx/badge.svg [snky-url]: https://snyk.io/test/github/dolanmiu/docx [pr-image]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg [pr-url]: http://makeapullrequest.com [codecov-image]: https://codecov.io/gh/dolanmiu/docx/branch/master/graph/badge.svg [codecov-url]: https://codecov.io/gh/dolanmiu/docx [patreon-image]: https://user-images.githubusercontent.com/2917613/51251459-4e880480-1991-11e9-92bf-38b96675a9e2.png [patreon-url]: https://www.patreon.com/dolanmiu [browserstack-image]: https://user-images.githubusercontent.com/2917613/54233552-128e9d00-4505-11e9-88fb-025a4e04007c.png [browserstack-url]: https://www.browserstack.com [docxjs-editor-image]: https://img.shields.io/badge/Docx.js%20Editor-2b579a.svg?style=flat&amp;logo=javascript&amp;logoColor=white [docxjs-editor-url]: https://docxjs-editor.vercel.app/

安装

# 安装到当前项目
npx skills add docx

# 全局安装
npx skills add docx -g

来源

• 作者：Dolan Miu
• 仓库：https://github.com/dolanmiu/docx
• npm 包：docx