⚠️
@eigenpal/docx-js-editor已贬值. 现已更名为@eigenpal/docx-editor-react,随着中断的 API 更改(组件重命名,去除的道具,新的 i18n 导入),所以它不是一个滴入的查找/替换. 这个0.x线条只接收关键修正.安装新软件包 :
npm install @eigenpal/docx-editor-react,然后跟随 移徙指南 升级前.
开源WYSIWYG .docx 由Canonical OOXML为React编辑,跟踪变化,以及实时协作. 特工准备好了. 现场演示 | 文档
快速启动
npm install @eigenpal/docx-js-editor
import { useRef } from 'react';
import { DocxEditor, type DocxEditorRef } from '@eigenpal/docx-js-editor';
import '@eigenpal/docx-js-editor/styles.css';
function Editor({ file }: { file: ArrayBuffer }) {
const editorRef = useRef<DocxEditorRef>(null);
return <DocxEditor ref={editorRef} documentBuffer={file} mode="editing" onChange={() => {}} />;
}
下一个.js/安保部门改革: 使用动态导入——编辑器需要DOM.
软件包
| 软件包 | 说明 |
|---|---|
@eigenpal/docx-js-editor | 反应UI——工具栏,被页编辑器,插件. 安装这个. |
@eigenpal/docx-editor-vue | Vue.js脚手架——欢迎发言 |
插件
import { DocxEditor, PluginHost, templatePlugin } from '@eigenpal/docx-js-editor';
<PluginHost plugins={[templatePlugin]}>
<DocxEditor documentBuffer={file} />
</PluginHost>;
见 插件文档 用于完整的插件 API.
发展
bun install
bun run dev # localhost:5173
bun run build
bun run typecheck
现场预览 main 自动部署在 最新. docx-editor.dev ——在将更改运入npm之前,用于尝试修改.
实例: 维特 | 下一个.js | 重混合 | 天体 | 阴道
捐款
欢迎捐款。 见 捐款额 用于设置,测试,以及一次性CLA签名.
翻译
| 语言 | 语言 | 覆盖范围 |
|---|---|---|
en | 联合国 | 100% |
de | 德语 | 100% |
pl | 波兰语Name | 100% |
pt-BR | 葡萄牙语( 巴西) | 100% |
帮助翻译编辑到您的语言! 见全 i18n 捐款指南。 。 。 .
bun run i18n:new de # scaffold German locale
bun run i18n:status # check translation coverage
商业支助
[TIP] 问题还是习惯特征? 电子邮件 docx-编辑器@eigenpal.com。 。 。 .