@dimarborda/docx编辑器
单词( E).docx) 为浏览器编辑. 一个 Rust 和 Web Assembly 引擎读取了文档,将页面排出像 Word 一样,并应用了毫无损失地编辑. 它与React,Vue,Svelte,Angular或plain HTML一起工作,并在Tauri等桌面应用中工作. 它不需要服务器: 库将文档发送到任何地方 .
对于AI特工, markers() 列出要填入的剩余内容,并通过API进行编辑时会突出显示,而不移动用户的守护.
演示 • 妇女 GitHub 的完整文档 : 联合国 • 妇女 西班牙语Name
安装
npm install @dimarborda/docx-editor
<docx-toolbar for="doc"></docx-toolbar>
<docx-editor id="doc" src="/templates/contract.docx" style="height: 80vh"></docx-editor>
<script type="module">
import '@dimarborda/docx-editor'; // registers <docx-editor> and <docx-toolbar>
import '@dimarborda/docx-editor/style.css';
import '@dimarborda/docx-editor/fonts'; // optional: stand-ins for Calibri, Cambria, Arial…
const editor = await document.getElementById('doc').whenReady();
editor.replaceVariables({ CLIENT: 'Acme Inc.', DATE: 'October 7, 2026' });
</script>
容器需要一个高度。 包含类型脚本。 如果你的应用程序发送 Content-Security-Policy,生产 script-src 需求 'wasm-unsafe-eval'。 。 。 .
用代码
import { DocxEditor } from '@dimarborda/docx-editor';
import '@dimarborda/docx-editor/style.css';
const editor = await DocxEditor.create(document.querySelector('#editor'), { locale: 'en' });
await editor.open(file); // File, Blob, ArrayBuffer or Uint8Array
editor.replaceVariables({ CLIENT: 'Acme' }); // fills {{CLIENT}}, {CLIENT}…
editor.insertParagraphs(['The parties agree as follows.'], { at: 'end' });
await editor.downloadPdf('contract.pdf'); // vector PDF with selectable text
const bytes = editor.save(); // Uint8Array of the edited .docx
特征
- 模板和标记 : 列表并填入
{{KEY}}, (中文(简体) ),{key}待定[…]内容,保留格式. - 代理活动 :
markActivity()显示代理人的工作位置. - 内容 : 段落、表格、图像、文本框、逻辑部分和现有表格,来自代码.
- 格式化 : 样式、字体、字符格式化、对齐、间隔、缩进和列表,写作Word的方式.
- 导出 : 无损失
.docx和带有工作链接的矢量PDF. - 视图 : 仅读模式、缩放、水印和可选工具栏.
文档
| 指南 | 联合国 | 西班牙语Name |
|---|---|---|
| API: 每一种方法、选项和事件 | api 密码 | api 密码 |
| 指南:标记、代理、段落、表格、PDF、图像 | 指南 | 指南 |
| 反应, Next.js, Tauri, 字体、样式、捆绑器 | 整合 | 整合 |
| 安全和限制 | 警卫 | 警卫 |
图书馆将您的文档无处发送, 并且从未执行它们的内容 . 报告脆弱性。 。 。 .
对于 AI 编码代理
货船 AGENTS.md:为编码代理撰写的关于API,其惯例和陷阱的紧凑指南. 让你的经纪人在使用软件包的项目中加载,请参考 AGENTS.md 或者说 CLAUDE.md数字 :
@node_modules/@dimarborda/docx-editor/AGENTS.md
两个图书馆的概况也载于 页:1 满分 llms- full.txt (英语)。 。 。 .
许可证
麻省理工学院