Bring Word/WPS/Google Docs content to web apps without rebuilding layout by hand. Keep structure, styles, and semantics in one import flow.
npm install @coding01/docsjsyarn add @coding01/docsjspnpm add @coding01/docsjs<script type="module">
import { defineDocsWordElement } from "@coding01/docsjs";
defineDocsWordElement();
</script>
<docs-word-editor lang="en"></docs-word-editor>import { WordFidelityEditorReact } from "@coding01/docsjs/react";
function App() {
return (
<WordFidelityEditorReact
lang="en"
onChange={({ htmlSnapshot }) => {
console.log(htmlSnapshot);
}}
/>
);
}<template>
<WordFidelityEditorVue lang="en" @change="onChange" />
</template>
<script setup>
import { WordFidelityEditorVue } from "@coding01/docsjs/vue";
const onChange = ({ htmlSnapshot }) => {
console.log(htmlSnapshot);
};
</script>Keep lists, tables, images, and formatting when importing from Word/WPS/Google Docs.
Start with React, Vue, or Web Components without rewriting your current editor shell.
Use built-in cleanup/parser plugins first, then extend only where your business rules differ.
Regression baseline + fidelity checks keep import behavior stable as your docs evolve.
Preserve advanced semantics such as notes, revisions, bookmarks, and cross references.
TypeScript-first, tree-shakeable, CSP-friendly package for production web products.
| Package | Description |
|---|---|
| @coding01/docsjs | Core package with Web Component, React, and Vue adapters |
| @coding01/docsjs-markdown | Markdown output conversion |
| @coding01/docsjs-editor | Multi-editor runtime switching |