docxflow-editor

React document editor for DOCX workflows, A4 pages, templates, headers/footers, spell checking, printing, and PDF/DOCX export.

Estado

Proyecto en preparacion para publicarse como libreria React. La estructura actual separa el codigo publicable de la demo:

src/    Codigo fuente de la libreria
demo/   App Vite minima para probar el editor
docs/   Documentacion tecnica y de uso

Desarrollo

pnpm install
pnpm dev

Validacion

pnpm check
pnpm build

Uso base

import { DocumentEditor } from "docxflow-editor";
import "docxflow-editor/style.css";

export function App() {
  return (
    <DocumentEditor
      documentId="draft"
      documentName="Documento_SGD"
      toolbarSize="compact"
      onSave={async (payload) => {
        console.log(payload);
      }}
    />
  );
}

Tamano del toolbar

El toolbar usa toolbarSize="normal" por defecto. Si tu aplicacion tiene una escala visual grande, puedes compactarlo:

<DocumentEditor toolbarSize="compact" />

Tambien puedes controlar medidas exactas:

<DocumentEditor
  toolbarSizing={{
    controlHeight: 30,
    iconButtonSize: 30,
    iconSize: 15,
    gap: 6,
    padding: 6,
    separatorHeight: 22,
    fontSelectWidth: 128,
    fontSizeSelectWidth: 64,
    fontSize: 13,
  }}
/>

Documentacion

• Uso de la libreria
• Documentacion tecnica

Creditos

Creado y mantenido por Jazmany Correa.