Skip to content

DocsJS无损 Word 文档 Web 转换管道

把 Word/WPS/Google Docs 内容接入 Web 应用,不再手工重构版式;在一次导入中保留结构、样式与语义。

DocsJS Logo
157
质量门测试
v1.0.0
当前版本
3
框架适配器
23+
内置插件

快速开始

bash
npm install @coding01/docsjs
bash
yarn add @coding01/docsjs
bash
pnpm add @coding01/docsjs

Web Component

html
<script type="module">
  import { defineDocsWordElement } from "@coding01/docsjs";
  defineDocsWordElement();
</script>

<docs-word-editor lang="zh"></docs-word-editor>

React

tsx
import { WordFidelityEditorReact } from "@coding01/docsjs/react";

function App() {
  return (
    <WordFidelityEditorReact
      lang="zh"
      onChange={({ htmlSnapshot }) => {
        console.log(htmlSnapshot);
      }}
    />
  );
}

Vue

vue
<template>
  <WordFidelityEditorVue lang="zh" @change="onChange" />
</template>

<script setup>
import { WordFidelityEditorVue } from "@coding01/docsjs/vue";

const onChange = ({ htmlSnapshot }) => {
  console.log(htmlSnapshot);
};
</script>

为什么选择 DocsJS?

📋

无损粘贴

从 Word/WPS/Google Docs 导入时保留列表、表格、图片与格式细节。

🔌

多框架支持

支持 React、Vue 与 Web Components,不用重写现有编辑器外壳。

🧩

插件架构

先用内置清洗/解析插件快速上线,再按业务规则做最小扩展。

🧪

质量保证

通过回归基线与保真检查,持续保证导入行为稳定可预期。

📊

深度语义

保留脚注、修订、书签、交叉引用等高级语义能力。

生产就绪

TypeScript 优先、Tree-shakeable、CSP 友好,可直接用于生产环境。

生态系统

包名描述
@coding01/docsjs核心包,包含 Web Component、React 和 Vue 适配器
@coding01/docsjs-markdownMarkdown 输出转换
@coding01/docsjs-editor多编辑器运行时切换

技术栈

ReactVueTypeScriptES2022Vite+

基于 MIT 许可发布。