docx-editor
Gratis documenten-editor

WYSIWYG-documenten-editor aangedreven door AI-agents, die de Office Open XML (OOXML) specificatie als datamodel gebruikt voor verliesvrije verwerking van Word-documenten.

npm version github stars license
Nu online uitproberen GitHub Repository

Belangrijkste kenmerken en voordelen

Intelligente AI-agents

Diepe integratie met AI voor contextbewust schrijven, automatische tekstaanvulling, grammatica-optimalisatie, samenvattingen en automatische generatie van gestructureerde documenten.

Native OOXML-datamodel

Geen verlieslatende conversie zoals 'Word -> HTML -> Word'. Wij werken direct met de Office Open XML-specificatie, waarmee de structuur van Word-documenten voor 100% behouden blijft.

100% in de browser (client-side)

Draait volledig in de browser zonder ingewikkelde serverinfrastructuur. Biedt uitstekende laadtijden, offline-functionaliteit en absolute gegevensprivacy.

Professionele documenterbewerking

Een volledige WYSIWYG-ervaring. Ondersteunt wijzigingen bijhouden (Track Changes), opmerkingen met antwoorden (Comments), complexe tabeleen en opmaak, afbeeldingen invoegen en meer.

Open-source en commercieel vriendelijk

Onder de Apache 2.0-licentie: volledig gratis en geschikt voor commercieel gebruik. Aanpassingen aan de code verplichten u niet om uw eigen broncode openbaar te maken.

Uitbreidbare plug-in architectuur

Modulair ontwerp met een flexibel plug-in systeem. Ontwikkelaars kunnen eenvoudig de werkbalk aanpassen, editor-commando's uitbreiden en kerngebeurtenissen onderscheppen.

Typische toepassingsscenario's

01

Eigen AI-documenten-editor

Dankzij de client-side werking kunnen bedrijven snel een eigen documenteneditor met AI bouwen. Integratie met lokale LLM's garandeert privacy zonder afhankelijkheid van externe clouds.

02

Integratie met kennisbanken (RAG)

Integratie met interne kennisbanken en woordenlijsten maakt semantisch zoeken tijdens het bewerken mogelijk. De AI-assistent biedt nauwkeurige correcties en termsuggesties.

03

Commerciële documenten en contracten

Snel opstellen en controleren van contracten. Dankzij 100% compatibiliteit met OOXML kan AI risico's in contracten identificeren en de doorlooptijd verkorten.

TECHNISCHE SELECTIE

Waarom is dit de beste keuze voor een eigen AI-editor?

Bij het kiezen van een documenten-editor is de architectuur cruciaal. Dankzij de unieke opzet lost docx-editor problemen op met ontwikkelsnelheid, compatibiliteit en AI-integratie.

Snelle ontwikkeling en levering

Klaar voor gebruik met adapters voor React en Vue 3. Ontwikkelaars hoeven geen tijd te besteden aan de rendering engine; integratie van Word-bewerking en AI-samenwerking duurt slechts enkele dagen.

Multi-client integratie

Gebouwd op standaard webtechnologieën. Eén component integreert naadloos in PC- en mobiele webversies (met gebarenondersteuning) en in native apps via WebView/Electron.

Naadloze Word-compatibiliteit

Het gebruik van het standaard DOCX-formaat voorkomt opmaakfouten. Volledige compatibiliteit met Microsoft Word zorgt voor een vertrouwde interface voor medewerkers.

Geavanceerde AI-opmaakcontrole

In tegenstelling tot eenvoudige tekst-chatbots kan de AI-assistent via de API direct stijlen, lijsten, tabelcellen en inspringingen in het document beheren.

REAL-TIME SAMENWERKING

Real-time samenwerking

docx-editor heeft ingebouwden integratie met Yjs (CRDT-datamodel), waardoor meerdere gebruikers tegelijkertijd hetzelfde Word-bestand kunnen bewerken:

  • Real-time weergave van cursors en selecties van andere gebruikers
  • Automatische conflictresolutie op basis van CRDT zonder bestandsuitsluitingen voor offline werk
  • Flexibele connectors voor eenvoudige verbinding via WebSockets, WebRTC of eigen gateways
Gebr. AGebr. B
SERVER-SIDE HEADLESS

Server-side Headless-modus zonder DOM

De architectuur scheidt de core van de interface, waardoor u efficiënt met Word-documenten kunt werken in Node.js of CLI-omgevingen zonder browser:

  • Variabelen injecteren, sjablonen invullen en rapporten genereren op de server
  • Geen virtuele browser (zoals Puppeteer/JSDOM) nodig, wat zorgt voor hoge snelheden
  • Uitbreiding met plug-ins voor snelle documentrendering vanuit CLI of backend
$ npm run compile-reportLoading docx template [success]Injecting dataset variables... (124 fields)Output saved to ./report_2026.docx

Vergelijking met alternatieven

Vergelijking van de belangrijkste verschillen tussen docx-editor en de vergelijkbare editor SuperDoc:

Criterium docx-editor SuperDoc
Licentie (commercieel gebruik) Apache 2.0 (zeer flexibel)

Volledig gratis voor commercieel gebruik. Aanpassingen aan de code verplichten u niet uw eigen software openbaar te maken, 0 risico's en kosten.

 AGPL 3.0 (strikte licentie)

Bij het aanbieden van diensten via een netwerk bent u verplicht de code van uw gehele commerciële systeem openbaar te maken.
Ondersteuning voor CJK (Aziatische talen) Volledige CJK-invoerondersteuning

Optimalisatie van IME-toetsenbordgebeurtenissen voor Chinees, Japans en Koreaans garandeert soepele invoer zonder fouten.

 Onvoldoende (kritieke bugs)

Door onvolledige verwerking van Composition-events treden vaak dubbele tekens en cursorfouten op bij Aziatische invoer.
Stabiliteit en volwassenheid Hoge volwassenheid

Ingebouwde samenwerking op basis van Yjs, volledige scheiding van core en UI, bewezen stabiliteit in productieomgevingen.

 In ontwikkeling

Sommige geavanceerde opmaakfuncties zijn nog experimenteel; stabiliteitsverbeteringen zijn vereist.

Snelle integratie in uw project

1. React-adapter en afhankelijkheden installeren

# Installeer de nieuwste stabiele versie van de React-adapter
npm install @eigenpal/docx-editor-react

2. Importeren en configureren in component

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// Importeer stijlen voor werkbalk en editorgebied
import '@eigenpal/docx-editor-react/styles.css';

function DocumentWorkspace() {
  const [docBuffer, setDocBuffer] = useState(null);

  const handleSave = (updatedBuffer) => {
    // updatedBuffer zijn de bijgewerkte binaire Word-gegevens (ArrayBuffer)
    console.log('Document bijgewerkt:', updatedBuffer);
  };

  return (
    <div style={{ height: '80vh', border: '1px solid rgba(255,255,255,0.08)' }}>
      <DocxEditor
        documentBuffer={docBuffer}
        onSave={handleSave}
      />
    </div>
  );
}

export default DocumentWorkspace;

1. Vue 3-adapter en afhankelijkheden installeren

# Installeer het pakket speciaal ontworpen voor Vue 3
npm install @eigenpal/docx-editor-vue

2. Vue-component maken

<template>
  <div class="editor-container">
    <DocxEditor
      :documentBuffer="docBuffer"
      @save="handleSave"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { DocxEditor } from '@eigenpal/docx-editor-vue';
// Importeer het CSS-bestand voor de editorinterface
import '@eigenpal/docx-editor-vue/styles.css';

const docBuffer = ref(null);

const handleSave = (updatedBuffer) => {
  // ArrayBuffer opvangen voor opslag op server of lokaal
  console.log('Document bijgewerkt in Vue:', updatedBuffer);
};
</script>

<style scoped>
.editor-container {
  height: 80vh;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
</style>