docx-editor
Editor de Documentos Gratuito e de Código Aberto

Editor de documentos WYSIWYG impulsionado por AI Agent, que utiliza diretamente a especificação nativa do Word Office Open XML (OOXML) como seu modelo de dados, analisando e processando documentos do Word sem perda de formatação.

npm version github stars license
Experimentar Demo Online Repositório GitHub

Recursos Principais e Vantagens

Impulsado por IA Inteligente

Assistente de IA profundamente integrado que suporta escrita consciente do contexto, autoconclusão de texto, correção gramatical inteligente, resumos de esboços e geração automática de documentos estruturados para multiplicar a sua produtividade.

Modelo de Dados OOXML Nativo

Sem conversões "Word -> HTML -> Word" com perda de qualidade. Analisamos e manipulamos a especificação nativa do Office Open XML diretamente, mapeando 100% da estrutura subjacente do documento do Word sem perda de estilos.

Execução 100% no Navegador do Cliente

Executa-se inteiramente no lado del cliente sem a necessidade de servidores de renderização backend complexos ou caros. Ofrece excelentes tempos de resposta e carregamento, capacidade offline e protege a privacidade dos dados de seus documentos.

Edição Profissional de Documentos

A melhor experiência WYSIWYG. Suporta controle de alterações (Track Changes), comentários com respostas (Comments), tabelas e formatos de layout complexos, inserção de imagens, etc.

Código Aberto Gratuito e Amigável Comercial

Totalmente gratuito sob la licença permissiva Apache 2.0. Perfeitamente adequado para uso em projetos comerciais, sem obrigação de liberar o código de seu sistema proprietário, mesmo se você modificar o código do editor.

Arquitetura de Plugins Extensível

Design de plug-ins modular e flexível que permite aos desenvolvedores personalizar barras de ferramentas, estender comandos do editor e interceptar eventos principais para um desenvolvimento secundário profundo.

Casos de Uso Típicos

01

Editor de Documentos com IA Próprio

Com a execução no cliente e as APIs personalizáveis do docx-editor, as empresas podem criar sistemas de redação colaborativa com IA próprios. Conecte-se facilmente a LLMs hospedados localmente ou específicos de seu domínio para garantir a privacidade e segurança de seus documentos confidenciais.

02

Integração com Bases de Conhecimento (RAG)

Integre o editor com bases de conhecimentos internas, bancos de dados legais/regulatórios e glossários personalizados para habilitar pesquisas semânticas em tempo real enquanto edita. Obtenha sugestões inteligentes, verificação de conformidade e referências terminológicas.

03

Edición de Contratos e Documentos Comerciais de Alto Valor

Crucial para a redação e revisão rápida de contratos nos setores jurídico, financeiro e governamental. Com representação OOXML 100% livre de perdas, a IA pode identificar lacunas e cláusulas de risco, encurtando ciclos de revisão e reduzindo riscos operacionais.

TECHNICAL SELECTION

Por que é la melhor opção para editores de IA próprios?

Ao escolher um editor de documentos para o seu projeto de IA, a seleção de tecnologia é crítica. Graças à sua arquitetura exclusiva, o docx-editor resolve os desafios de eficiência do desenvolvimento, compatibilidade com formatos de escritório e integração inteligente.

Ultra-ágil: Integração e lançamento rápidos

Design modular pronto para uso com adaptadores oficiais do React e Vue 3. Integre a edição do Word e a colaboração de IA em poucos dias sem ter de lidar com os motores de renderização de baixo nível.

Multiplataforma: Integração flexível com múltiplos clientes

Construído sobre tecnologias web padrão. Escreva o componente uma vez e integre-o em páginas web de PC e dispositivos móveis (com interações por toque otimizadas) ou empacote-o via WebView/Electron para aplicativos móveis e clientes de desktop.

Compatibilidade com Word: Transición de usuario sin problemas

Utiliza el formato binario DOCX padrão. Ofrece uma transição sem fricção para o pessoal administrativo, jurídico e de planejamento, mantendo a compatibilidade de formato com o Microsoft Word e evitando problemas de layout causados pela conversão HTML.

Integração profunda de IA: Manipulação de texto enriquecido a nível fino

Vá além da caixa de chat de IA tradicional de texto simples. O assistente de IA pode usar APIs para manipular estilos de texto, níveis de marcadores, mesclagens de tabelas e recuos de parágrafo para uma edição verdadeiramente inteligente.

REAL-TIME COLLABORATION

Colaboración en tempo real ao nivel de milissegundos

docx-editor integra nativamente o Yjs (modelo de dados colaborativos CRDT), permitindo a edição conjunta em tempo real do mesmo documento Word:

  • Cursores de múltiplos usuários em tempo real com nomes e cores
  • Resolução de conflitos baseada em CRDT sem bloqueio, permitindo edições offline
  • Conectores flexíveis para WebSockets, WebRTC ou gateways personalizados
Usuário AUsuário B
SERVER-SIDE HEADLESS

Processamento sem interface (Headless sem DOM)

O motor separa o núcleo da visualização da UI. Isso permite realizar operações eficientes em ambientes sem navegador, como Node.js ou CLI:

  • Inserção em lote de variáveis, preenchimento de modelos e geração de relatórios automatizados
  • Extremadamente eficiente, rodando sem navegadores virtuais como Puppeteer ou JSDOM
  • Suporta pré-renderização rápida de documentos da linha de comando ou servidores backend via plugins
$ npm run compile-reportLoading docx template [success]Injecting dataset variables... (124 fields)Output saved to ./report_2026.docx

Comparativo com bibliotecas semelhantes

Entendemos a cautela ao escolher software livre. A seguir se detalham as diferenças chave entre o docx-editor e o conhecido editor semelhante SuperDoc:

Dimensão comparativa docx-editor SuperDoc
Licença de código aberto (Uso comercial) Apache 2.0 (Muito permisiva)

Completamente grátis para uso comercial. Mesmo se você modificar o código do editor, não há obrigação de liberar o código de seu sistema proprietário.

 AGPL 3.0 (Copyleft forte)

Qualquer uso do serviço através de uma rede obriga a liberar sob código aberto todo o sistema da sua empresa.
Suporte de digitação CJK Compatibilidade otimizada com IME

Otimização e captura profunda de eventos IME a nível de hardware, garantindo digitação fluida sem caracteres flutuantes ou saltos de cursor.

 Experiência insatisfatória (Erros graves)

O controle ineficaz de eventos de composição IME causa frequentemente duplicação de texto e desalinhamento do cursor.
Madurez do núcleo e estabilidade Altamente maduro

Resolução de conflitos nativa do Yjs, desacoplamento total do núcleo e da UI e testado em produção.

 Em desenvolvimento ativo

Alguns formatos avançados estão em fase experimental e a estabilidade de fusão offline requer mais testes.

Integrar rapidamente no seu projeto

1. Instalar o pacote adaptador do React e suas dependências

# Instalar o pacote de integração oficial para React
npm install @eigenpal/docx-editor-react

2. Importar e configurar no seu componente

import React, { useState } from 'react';
import { DocxEditor } from '@eigenpal/docx-editor-react';
// Importar a folha de estilos para renderizar corretamente a barra de ferramentas
import '@eigenpal/docx-editor-react/styles.css';

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

  const handleSave = (updatedBuffer) => {
    // updatedBuffer son los datos binarios de Word modificados (ArrayBuffer)
    console.log('Dados atualizados:', 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. Instalar o pacote adaptador do Vue 3 e suas dependências

# Instalar o pacote de integração oficial projetado para Vue 3
npm install @eigenpal/docx-editor-vue

2. Criar o componente do editor do Vue

<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';
// Importar a folha de estilos para renderizar corretamente a interface do editor
import '@eigenpal/docx-editor-vue/styles.css';

const docBuffer = ref(null);

const handleSave = (updatedBuffer) => {
  // O lado do Vue recebeu a atualização
  console.log('O lado do Vue recebeu a atualização:', updatedBuffer);
};
</script>

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