docx-editor
Gratis dokumenteditor

WYSIWYG-dokumenteditor drevet af AI-agenter, som bruger Office Open XML (OOXML) specifikationen som datamodel til tabsfri behandling af Word-dokumenter.

npm version github stars license
Prøv online nu GitHub Repository

Nøglefunktioner og fordele

Intelligente AI-agenter

Dyb integration med AI til kontekstbevidst skrivning, automatisk tekstfærdiggørelse, grammatisk optimering, resuméer og automatisk generering af strukturerede dokumenter.

Nativ OOXML-datamodel

Ingen tabsgivende konvertering som 'Word -> HTML -> Word'. Vi arbejder direkte med Office Open XML-specifikationen, hvilket bevarar strukturen i Word-dokumenter 100%.

Kører 100% i browseren (client-side)

Kører helt i browseren uden kompliceret serverinfrastruktur. Tilbyder hurtige indlæsningstider, offline-funktionalitet og absolut databeskyttelse.

Professionel dokumentredigering

Komplet WYSIWYG-oplevelse. Understøtter sporing af ændringer (Track Changes), kommentarer med svar (Comments), avancerede tabeller og formatering, billedindsættelse og mere.

Open-source og kommerciel venlig

Under Apache 2.0-licensen: helt gratis og velegnet til kommerciel brug. Ændringer i koden forpligter dig ikke til at offentliggøre din egen kildekode.

Udvidbar plugin-arkitektur

Modulært design med et flexibelt plugin-system. Udviklere kan nemt tilpasse værktøjslinjen og udvide redigeringskommandoer.

Typiske brugsscenarier

01

Egen AI-dokumenteditor

Takket være klientsidesdriften kan virksomheder hurtigt bygge en egen dokumenteditor med AI. Integration med lokale LLM'er garanterer privatliv uden afhængighed af eksterne skyer.

02

Integration med vidensbaser (RAG)

Integration med interne vidensbaser og ordlister muliggør semantisk søgning under redigering. AI-assistenten tilbyder præcise korrektioner og termanbefalinger.

03

Kommercielle dokumenter og kontrakter

Hurtig udarbejdelse og kontrol af kontrakter. Takket være 100% kompatibilitet med OOXML kan AI identificere risici i kontrakter og forkorte ekspeditionstiderne.

TEKNISK VALG

Hvorfor er dette det bedste valg til en egen AI-editor?

Ved valg af dokumenteditor er arkitekturen afgørende. Takket være den unikke opbygning løser docx-editor problemer med udviklingshastighed, kompatibilitet og AI-integration.

Hurtig udvikling og levering

Klar til brug med adaptere til React og Vue 3. Udviklere behøver ikke bruge tid på renderingsmotoren; integration af Word-redigering og AI-samarbejde tager kun få dage.

Multi-klient integration

Bygget på standard webteknologi. En komponent integreres problemfrit i webversioner til pc og mobile enheder (med gestussupport) samt i native apps via WebView/Electron.

Sømløs Word-kompatibilitet

Brug af DOCX-formatet forhindrer formateringsfejl. Fuld kompatibilitet med Microsoft Word giver medarbejderne en velkendt grænseflade.

Avancerad layoutkontroll for AI

I modsætning til simple tekst-chatbots kan AI-assistenten styre formater, lister, tabelceller og indrykninger i dokumentet direkte via API'et.

REALTIDSSAMARBEJDE

Samarbejde i realtid

docx-editor har indbygget integration med Yjs (CRDT-datamodel), hvilket gør, at flere brugere kan redigere samme Word-fil samtidigt:

  • Vis markører og markeringer fra andre brugere i realtid
  • Automatisk konfliktløsning baseret på CRDT uden fillåsning til offline-arbejde
  • Fleksible forbindelser til nem kobling via WebSockets, WebRTC eller egne gateways
Bruger ABruger B
SERVER-SIDE HEADLESS

Server-side Headless-tilstand uden DOM

Arkitekturen adskiller kernen fra grænsefladen, hvilket gør, at du kan arbejde med Word-dokumenter i Node.js- eller CLI-miljøer uden browser:

  • Injektion af variabler, udfyldning af skabeloner og generering af rapporter på serveren
  • Intet krav om virtuel browser (som Puppeteer/JSDOM), hvilket garanterer høj hastighed
  • Udvidelse med plugins til hurtig dokumentrendering fra CLI eller backend
$ npm run compile-reportLoading docx template [success]Injecting dataset variables... (124 fields)Output saved to ./report_2026.docx

Sammenligning med alternativer

Sammenligning af de vigtigste forskelle mellem docx-editor og den lignende editor SuperDoc:

Kriterium docx-editor SuperDoc
Licens (komerciel brug) Apache 2.0 (meget fleksibel)

Helt gratis til kommerciel brug. Ændringer i koden forpligter dig ikke til at offentliggøre din egen software, 0 risiko.

 AGPL 3.0 (strik licens)

Når du leverer tjenester via et netværk, er du forpligtet til at offentliggøre kildekoden for hele dit kommercielle system.
Støtte til CJK (asiatiske tastaturer) Fuld support til CJK-indtastning

Optimering af IME-tastaturbegivenheder til kinesisk, japansk og koreansk garanterer jævn indtastning uden fejl.

 Utilstrækkelig (kritiske fejl)

På grund af ufuldstændig håndtering av Composition-begivenheder opstår ofte dobbelte tegn og markørfejl ved asiatisk indtastning.
Stabilitet og modenhed Høj modenhed

Indbygget samarbejde baseret på Yjs, fuldstændig adskillelse af kerne og grænseflade, dokumenteret stabilitet i produktionsmiljøer.

 Under udvikling

Nogle avancerede formateringsfunktioner er stadig eksperimentelle; stabilitetsforbedringer er påkrævet.

Hurtig integration i dit projekt

1. Installer React-adapter og afhængigheder

# Installer den seneste stabile version af React-adaptern
npm install @eigenpal/docx-editor-react

2. Importer og konfigurer i komponenten

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// Importer stilarter til værktøjslinje og redigeringsområde
import '@eigenpal/docx-editor-react/styles.css';

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

  const handleSave = (updatedBuffer) => {
    // updatedBuffer er opdaterede binære Word-data (ArrayBuffer)
    console.log('Dokument opdateret:', 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. Installer Vue 3-adapter og afhængigheder

# Installer pakken, der er specielt designet til Vue 3
npm install @eigenpal/docx-editor-vue

2. Opret Vue-komponent

<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';
// Importer CSS-filen til redigeringsgrænsefladen
import '@eigenpal/docx-editor-vue/styles.css';

const docBuffer = ref(null);

const handleSave = (updatedBuffer) => {
  // Fang ArrayBuffer til lagring på server eller lokalt
  console.log('Dokument opdateret i Vue:', updatedBuffer);
};
</script>

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