docx-editor kostenloser Open-Source-Dokumenten-Editor - JS Word Editor Bibliothek - Vue/React Dokumenten-Editor Open-Source-Framework - AI Agent getrieben

Online-Demo ausprobieren GitHub-Repository

Hauptmerkmale und Vorteile

Intelligente KI-Steuerung

Tief integrierte KI-Unterstützung mit Kontext-sensitivem Schreiben, automatischer Textfortsetzung, intelligenter Grammatikkorrektur, Gliederungszusammenfassung und automatischer strukturierter Dokumenterstellung, um Ihre Produktivität zu vervielfachen.

Natives OOXML-Datenmodell

Keine verlustbehafteten "Word -> HTML -> Word"-Konvertierungen. Wir analysieren und bearbeiten die Office Open XML-Spezifikation direkt im Browser, wodurch die zugrunde liegende Struktur des Word-Dokuments zu 100 % erhalten bleibt.

100 % Client-seitige Ausführung im Browser

Keine komplexen oder teuren Backend-Render-Server erforderlich. Der Editor läuft vollständig im Browser. Bietet hervorragende Ladezeiten, Offline-Unterstützung und schützt die Privatsphäre Ihrer Dokumentendaten vollständig.

Professionelle Dokumentenbearbeitung

Die ultimative WYSIWYG-Erfahrung. Unterstützt Änderungsverfolgung (Track Changes), Dokumentkommentare mit Antworten (Comments), komplexe Tabellen- und Formatierungslayouts, Einfügen von Bildern und mehr.

Kostenlos, Open Source und kommerziell nutzbar

Vollständig kostenlos unter der liberalen Apache 2.0-Lizenz. Hervorragend geeignet für kommerzielle Projekte – keine Verpflichtung zur Offenlegung Ihres proprietären Quellcodes, selbst wenn Sie den Code des Editors ändern.

Erweiterbare Plugin-Architektur

Klares, lose gekoppeltes Plugin-Design. Entwickler können Symbolleisten anpassen, Editor-Befehle erweitern und Kernereignisse abfangen, um eine tiefe Sekundärentwicklung zu ermöglichen.

Typische Anwendungsszenarien

Eigener KI-Dokumenten-Editor

Dank der Client-seitigen Ausführung und der anpassbaren APIs können Unternehmen eigene kollaborative KI-Schreibsysteme aufbauen. Verbinden Sie sich nahtlos mit lokal gehosteten oder domänenspezifischen LLMs, um die Vertraulichkeit Ihrer Dokumente zu gewährleisten.

Integration in Wissensdatenbanken (RAG)

Integrieren Sie den Editor in interne Wissensdatenbanken, Rechtsdatenbanken und spezifische Glossare für semantische Echtzeitsuchen beim Schreiben. Erhalten Sie intelligente Textkorrekturen, Compliance-Hinweise und Begriffsempfehlungen.

Bearbeitung von Verträgen und wertvollen Dokumenten

Entscheidend für das schnelle Entwerfen und präzise Prüfen von Verträgen im Rechts-, Finanz- und Behördensektor. Mit 100 % verlustfreiem OOXML-Rendering kann die KI Lücken und Risikoklauseln erkennen, um Freigabeprozesse zu verkürzen.

TECHNICAL SELECTION

Warum ist es die beste Wahl für eigene KI-Editoren?

Bei der Auswahl eines Dokumenten-Editors für Ihr KI-Projekt ist die Technologie-Auswahl entscheidend. Dank seiner einzigartigen Architektur löst docx-editor die Herausforderungen in Bezug auf Entwicklungseffizienz, Office-Kompatibilität und KI-Integration.

Ultra-agil: Schnelle Integration und Bereitstellung

Gebrauchsfertiges modulares Design mit offiziellen React- und Vue 3-Adaptern. Integrieren Sie Word-Bearbeitung und KI-Kollaboration in wenigen Tagen, ohne sich mit Low-Level-Rendering-Engines auseinandersetzen zu müssen.

Multiplattform: Flexible Integration in mehrere Clients

Basierend auf Standard-Webtechnologien. Schreiben Sie die Komponente einmal und integrieren Sie sie in PC- und Mobil-Websites (mit optimierter Touch-Interaktion) oder verpacken Sie sie über WebView/Electron für native Desktop- und Mobil-Apps.

Word-Kompatibilität: Reibungsloser Benutzerübergang

Verwendet das standardmäßige binäre DOCX-Format. Ermöglicht eine reibungslose Einarbeitung für Verwaltungs-, Rechts- und Marketingmitarbeiter, da das Layout von MS Word verlustfrei erhalten bleibt.

Tiefe KI-Integration: Präzise Rich-Text-Manipulation

Gehen Sie über einfache KI-Chatboxen hinaus. Der KI-Assistent kann über APIs Schriftarten, Tabellenzellen, Einzüge und Gliederungen direkt im Dokument präzise manipulieren.

REAL-TIME COLLABORATION

Echtzeit-Kollaboration im Millisekundenbereich

docx-editor integriert nativ Yjs (CRDT-Kollaborationsdatenmodell) für das gemeinsame Echtzeit-Editieren desselben Word-Dokuments:

Echtzeit-Cursor mit Namen und Farben aller Benutzer
CRDT-basierte Konfliktlösung ohne Sperrung, ermöglicht Offline-Bearbeitung und Zusammenführung
Flexible Verbindungen über WebSockets, WebRTC oder benutzerdefinierte Gateways

SERVER-SIDE HEADLESS

Headless-Verarbeitung ohne DOM-Rendering

Der Core ist vom UI-Rendering getrennt. Dies ermöglicht eine effiziente Bearbeitung in Umgebungen ohne Browser wie Node.js oder CLI:

Masseninjektion von Variablen, Ausfüllen von Vorlagen und automatische Berichtserstellung auf dem Server
Extrem schnell, läuft ohne schwere virtuelle Browser wie Puppeteer oder JSDOM
Unterstützt die schnelle Vorab-Renderung über die CLI oder Backend-Server via Plugin-Erweiterungen

Vergleich mit ähnlichen Open-Source-Bibliotheken

Wir verstehen die Vorsicht bei der Auswahl von Open-Source-Software. Im Folgenden werden die Hauptunterschiede zwischen docx-editor und der ähnlichen Bibliothek SuperDoc aufgeführt:

Vergleichskriterien	docx-editor	SuperDoc
Lizenzierung (Kommerzielle Nutzung)	Apache 2.0 (Sehr liberal) Vollständig kostenlos für die kommerzielle Nutzung. Keine Offenlegungspflicht für Ihre proprietäre Software bei Codeänderungen.	AGPL 3.0 (Copyleft-Pflicht) Bei der Bereitstellung über das Netzwerk sind Sie verpflichtet, den gesamten Quellcode Ihrer Anwendung offenzulegen.
Unterstützung für CJK-Eingaben (IME)	Optimierte IME-Unterstützung Tiefgreifende Optimierung der IME-Eingabe, um Textverdopplungen und Cursor-Fehlplatzierungen zuverlässig zu verhindern.	Eingeschränkte UX (Kritische Bugs) Unvollständige Verarbeitung von IME-Ereignissen führt häufig zu fehlerhaften Eingaben und verschobenen Cursorn.
Kernreife und Stabilität	Hochgradig ausgereift Natives Yjs für Konfliktlösung, vollständige Trennung von Core und UI, praxiserprobt in anspruchsvollen Produktionsumgebungen.	In aktiver Entwicklung Einige erweiterte Formatierungsoptionen sind noch experimentell, Offline-Stabilität erfordert weitere Tests.

Schnelle Integration in Ihr Projekt

React-Integration Vue 3-Integration

1. Installieren Sie das React-Adapterpaket und seine Abhängigkeiten

# Fügen Sie das offizielle Integrationspaket für React hinzu
npm install @eigenpal/docx-editor-react

2. Importieren und konfigurieren Sie in Ihrer Komponente

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// Importieren Sie das Stylesheet für das korrekte Rendern der Symbolleiste
import '@eigenpal/docx-editor-react/styles.css';

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

  const handleSave = (updatedBuffer) => {
    // updatedBuffer ist das Buffer Word d'origine mis à jour (ArrayBuffer)
    console.log('Dokumentdaten aktualisiert:', 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. Installieren Sie das Vue 3-Adapterpaket und seine Abhängigkeiten

# Fügen Sie das offizielle Integrationspaket für Vue 3 hinzu
npm install @eigenpal/docx-editor-vue

2. Erstellen Sie eine Vue-Editor-Komponente

<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';
// Importieren Sie das Stylesheet für die korrekte UI-Darstellung
import '@eigenpal/docx-editor-vue/styles.css';

const docBuffer = ref(null);

const handleSave = (updatedBuffer) => {
  // Vue hat die Dokumentaktualisierung empfangen
  console.log('Vue hat die Dokumentaktualisierung empfangen:', updatedBuffer);
};
</script>

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