AiEditor

AiEditor

AiEditor Team · Programación · Productividad

AiEditor es un editor de texto enriquecido con IA y código abierto para productos web. Escribe, reescribe, traduce y conversa dentro del documento, y se instala con un comando npm.

Vista previa de la interfaz de AiEditor

Acerca de AiEditor

About

Qué es AiEditor

AiEditor es un editor de texto enriquecido pensado para productos de IA. Está construido como Web Component, así que funciona dentro de proyectos Vue, React, Angular, Svelte, Layui o JavaScript puro. También hace de editor de documentos con IA en cuanto conectas un modelo. La idea es simple: no hay una ventana de chat al lado del texto, las acciones viven en el documento. Seleccionas un párrafo, pides una reescritura y decides si la aceptas.

El núcleo resuelve lo aburrido. Títulos, tablas, bloques de código, fórmulas, imágenes, audio, vídeo y adjuntos vienen de serie, junto con temas claro y oscuro, diseño móvil e interfaz bilingüe. Las subidas pasan por tu propio gestor, así que los archivos acaban en tu almacenamiento y no en el de otro.

Los límites, primero. El editor de texto enriquecido de código abierto usa licencia LGPL-2.1, que permite uso comercial si respetas sus términos. La paginación, la colaboración en tiempo real y la comparación de documentos están en el paquete Pro de pago. El formato de documentos oficiales, con encabezados rojos, sellos y maquetas fijas, exige la edición oficial. Un equipo pequeño que solo quiere una superficie de escritura no echará nada de menos. Quien monte revisión de contratos o coedición, sí.

Primeros pasos

  1. Instala el paquete con npm install aieditor e importa la hoja de estilos.
  2. Crea una instancia sobre un elemento contenedor y define el marcador de posición, el tema y el contenido inicial.
  3. Conecta la IA: apunta el editor a un endpoint compatible con OpenAI o escribe tu propio servicio de generación.
  4. Envía las subidas a tu almacenamiento, elige los botones de la barra y publica.

Información del producto

Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de AiEditor.

Plan gratuitoSí
Planes de pagoCommercial Pro and Official editions, quote based
PlataformaWeb (desktop and mobile browsers); Vue, React, Angular, Svelte, Layui, plain JavaScript
DesarrolladorAiEditor Team
CategoríaProgramación · Productividad
Fecha de lanzamientoNov 2023
Última actualizaciónOct 2026
Visitas al sitio web3.9K
Ranking global del sitio3.9M
Disponibilidad de la APISí

Ideal para

Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.

Usuarios

  • Desarrolladores frontend que necesitan un editor con ganchos de IA
  • Equipos de producto que lanzan un editor de escritura con IA
  • Equipos documentales de empresa con contratos e informes

Tareas

  • Redactar textos de marketing o apuntes de curso
  • Limpiar un borrador
  • Añadir un editor integrable a un CMS, un OA o un CRM

Casos de uso

  • Montar una base de conocimiento interna
  • Traducir contenido para varios mercados
  • Preparar un informe que varias personas van a marcar

Funciones clave

Acciones de IA dentro del documento

Selecciona texto y el menú flotante ofrece continuar, ampliar, acortar, pulir, traducir o preguntar. Las respuestas llegan en streaming y puedes parar la generación, repetirla, copiar, insertar en el cursor o reemplazar la selección. Con prompts propios y entradas extra en el menú expones solo lo que tus usuarios van a usar.

Tu propio modelo

AiEditor no incluye modelo. Conectas un endpoint compatible con OpenAI o implementas tú el servicio de generación, y así las claves, los registros de auditoría y el enrutado quedan bajo tu control. Para un equipo que no puede mandar texto de clientes a un proveedor cualquiera, eso pesa.

Chat con contexto del documento

El panel de IA trabaja con el documento completo, con la selección actual o sin contexto. Las preguntas de seguimiento mantienen el hilo, así que quien escribe puede insistir en un párrafo sin repetir el encargo. Se comporta como un revisor sentado en el archivo.

Integración independiente del framework

El editor es un Web Component. Los proyectos Vue, React, Angular, Svelte, Layui y JavaScript puro lo montan igual, y el modelo de contenido no cambia entre escritorio y móvil. Cuando cambie el stack del frontend, no reescribes la integración.

Contenido estructurado que aguanta el reuso

Títulos, listas, tablas, bloques de código, fórmulas, menciones y multimedia son nodos reales, no sopa de HTML. El JSON de Tiptap sostiene el modelo, los ID de bloque no se mueven y el Markdown pegado se convierte bien. El contenido sobrevive a la exportación, la búsqueda y una edición posterior.

Interfaz configurable

Tres barras (clásica, compacta y ribbon), modo oscuro, modo solo lectura, pantalla completa e interfaz bilingüe vienen en el núcleo. Menús, gestores de subida y extensiones se configuran, así que el mismo paquete puede parecer una caja de comentarios mínima o un espacio de trabajo completo.

Ventajas y desventajas

Ventajas

  • Núcleo abierto con LGPL-2.1: puedes leer el código y usarlo en productos comerciales.
  • Las funciones de IA corren con tu modelo y tus prompts, así que el tratamiento de datos y el coste son previsibles.
  • Funciona en los frameworks frontend habituales sin librería envoltorio.
  • Buen modelo de documento: tablas, código, fórmulas, multimedia e ID de bloque estables.

Desventajas

  • El panel de IA no hace nada hasta que conectas un modelo, y el montaje lleva más tiempo que una app de escritura alojada.
  • La paginación, la colaboración en vivo y la comparación de documentos piden el paquete Pro de pago.
  • La documentación está pensada primero en chino, así que quien lea en inglés encontrará páginas flojas en opciones avanzadas.

Preguntas frecuentes

Sí. El editor núcleo es de código abierto con LGPL-2.1 y sale gratis en proyectos personales y comerciales que respeten la licencia. Pro y la edición de documentos oficiales son complementos de pago.