Repolode
Enviar
codex-team

codex-team/editor.js

Editor de texto web basado en bloques que guarda el contenido como JSON limpio en lugar de HTML y se amplía mediante plugins.

Alternativa open source a:Notion

Ver en GitHubSitio web
Estrellas
31,970
Forks
2,244
Issues abiertos
711
Último commit
hace 5 horas

¿Qué es?

Editor.js es un editor web de código abierto basado en bloques. El contenido se compone de bloques como texto, encabezados, imágenes, listas, citas y código; cada tipo de bloque lo proporciona un plugin independiente.

En lugar de generar marcado HTML, el editor produce JSON estructurado. Estos datos se pueden depurar, almacenar y renderizar en cualquier plataforma, incluidas la web, iOS, Android y otros clientes, por lo que resulta adecuado para flujos de contenido que necesitan un formato de datos predecible. Al llamar a editor.save(), se obtiene una promesa con el contenido actual.

El proyecto se distribuye en npm como @editorjs/editorjs y está escrito en TypeScript. El conjunto de herramientas oficiales incluye encabezados, citas, imágenes, listas de verificación, tablas, contenido incrustado y más; además, una lista de herramientas destacadas recopila opciones de terceros.

Funciones clave

  • 01Genera datos JSON limpios en lugar de marcado HTML
  • 02Interfaz basada en bloques para añadir y reorganizar contenido
  • 03Cada tipo de bloque lo proporciona una herramienta plugin independiente
  • 04Herramientas oficiales para encabezados, imágenes, tablas, listas de verificación y contenido incrustado
  • 05API sencilla con editor.save() para obtener el contenido

Casos de uso

  • Crear un editor de texto enriquecido cuyo contenido se almacene y renderice en varias plataformas
  • Añadir un editor estructurado de artículos o blogs a una aplicación web
  • Crear un editor personalizado escribiendo tus propias herramientas de bloques

Inicio rápido

  1. 1

    Instala Editor.js con npm

    npm i @editorjs/editorjs
  2. 2

    Instala las herramientas que necesites de la lista del README

  3. 3

    Añade a tu página un div contenedor con el id editorjs

  4. 4

    Importa EditorJS y crea una instancia con las herramientas que vayas a usar

Antes de usarlo

  • Cada tipo de bloque necesita un plugin de herramienta independiente, así que debes instalar y configurar las herramientas que quieras usar.
  • Para guardar el contenido, debes llamar a editor.save() y gestionar la Promise que devuelve.

Temas

#wysiwyg#json#text-editor#typescript#block-editor#rich-text#codex-editor#editor#javascript#redactor

Preguntas frecuentes

¿Qué es editor.js?
Editor de texto web basado en bloques que guarda el contenido como JSON limpio en lugar de HTML y se amplía mediante plugins. Editor.js es un editor web de código abierto basado en bloques. El contenido se compone de bloques como texto, encabezados, imágenes, listas, citas y código; cada tipo de bloque lo proporciona un plugin independiente.
¿editor.js es gratuito? ¿Qué licencia tiene?
editor.js es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿editor.js sigue mantenido?
Mantenimiento activo. El último commit de editor.js fue el 21 oct 2026.
¿Para qué puedo usar editor.js?
Crear un editor de texto enriquecido cuyo contenido se almacene y renderice en varias plataformas Añadir un editor estructurado de artículos o blogs a una aplicación web Crear un editor personalizado escribiendo tus propias herramientas de bloques
¿Cómo se instala editor.js?
Instala Editor.js con npm: npm i @editorjs/editorjs Instala las herramientas que necesites de la lista del README Añade a tu página un div contenedor con el id editorjs Importa EditorJS y crea una instancia con las herramientas que vayas a usar
¿Dónde consigo editor.js?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/codex-team/editor.js

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados