editor.js

editorjs.io | documentación | registro de cambios

Acerca de

Editor.js es un editor de texto de código abierto que ofrece una variedad de funciones para ayudar a los usuarios a crear y formatear contenido de manera eficiente. Tiene una interfaz moderna de estilo bloque que permite a los usuarios agregar y organizar fácilmente diferentes tipos de contenido, como texto, imágenes, listas, citas, etc. Cada bloque se proporciona a través de un complemento independiente, lo que hace que Editor.js sea extremadamente flexible.

Editor.js genera datos JSON limpios en lugar de un marcado HTML pesado. Úselo en la Web, iOS, Android, AMP, artículos instantáneos, lectores de voz, chatbots de IA, en todas partes. Fácil de desinfectar, ampliar e integrar con su lógica.

• ? Interfaz de usuario moderna lista para usar
• ? Limpiar salida JSON
• API bien diseñada
• ? Varias herramientas disponibles
• ? Gratis y de código abierto

Instalación

Es bastante simple:

1. Instalar Editor.js
2. Instale las herramientas que necesita
3. Inicializar la instancia del editor

Instale usando NPM, Yarn o CDN:

npm i @editorjs/editorjs

Elija e instale herramientas:

• Título
• Cita
• Imagen
• Imagen simple (sin requisito de backend)
• Lista anidada
• Lista de verificación
• Insertar enlace
• Insertos (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter, etc.)
• Mesa
• Delimitador
• Advertencia
• Código
• HTML sin formato
• Adjuntos
• Marcador
• Código en línea

¿Ves el? Impresionante lista de Editor.js para más herramientas.

Inicialice el editor:

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

Consulte detalles sobre instalación y configuración en la documentación.

Guardar datos

Llame editor.save() y maneje la Promesa devuelta con los datos guardados.

 const data = await editor . save ( )

Ejemplo

Eche un vistazo a example.html para ver ejemplos más detallados.

Hoja de ruta

• Barras de herramientas unificadas
  • Block Tunes se movió hacia la izquierda
  • La caja de herramientas se vuelve vertical
  • Capacidad para mostrar varios botones de la Caja de herramientas con una sola herramienta
  • Block Tunes se vuelve vertical
  • Block Tunes admite menús anidados
  • Separadores de soporte Block Tunes
  • Menú de conversión agregado al bloque de melodías
  • La barra de herramientas unificada admite sugerencias
  • La barra de herramientas de conversión utiliza la barra de herramientas unificada
  • La barra de herramientas en línea utiliza la barra de herramientas unificada
• Edición colaborativa
  • Implementar el formato JSON de herramientas en línea
  • Observador de Operaciones, Ejecutor, Gerente, Transformador
  • Implementar el Administrador de Deshacer/Rehacer
  • Implementar cambios en la API de herramientas
  • Implementar servidor y comunicación.
  • Actualizar herramientas básicas para adaptarlas a la nueva API.
• Otras características
  • Bloques de arrastrar y soltar
  • Nueva selección de bloques cruzados
  • Nuevo movimiento de intercalación entre bloques
• Mejoras del ecosistema
  • CodeX Icons: la forma de unificar todas las herramientas e íconos principales
  • Nueva página de inicio y documentos
  • @editorjs/create-tool para el arranque de herramientas
  • Editor.js DevTools: significa desarrollo de núcleos y herramientas
  • Sistema de diseño Editor.js
  • Entorno preestablecido de Editor.js
  • Kit de herramientas Editor.js
  • Nuevo sistema de paquetes básicos
  • Nueva documentación y guías.

¿Te gusta Editor.js?

Puede apoyar la mejora del proyecto y el desarrollo de nuevas funciones con una donación a nuestro equipo.

Donar a través de OpenCollective
Donar a través de Cripto
Donar a través de Patreon

¿Por qué donar?

Las donaciones para productos de código abierto tienen varias ventajas para su negocio:

• Si su empresa depende de Editor.js, probablemente querrá que se mantenga
• Ayuda a Editor.js a evolucionar y obtener nuevas funciones.
• Podemos apoyar a los contribuyentes y a la comunidad en torno al proyecto. Recibirás documentos, guías, etc. bien organizados.
• Necesitamos pagar por nuestra infraestructura y mantener los recursos públicos (nombres de dominio, páginas de inicio, documentos, etc.). Apoyarlo le garantiza acceso a cualquier recurso en el momento que lo necesite.
• Puede anunciar agregando activos de su marca y menciones en nuestros recursos públicos.

Patrocinadores

Apóyanos convirtiéndote en patrocinador. Su logotipo aparecerá aquí con un enlace a su sitio web.

Conviértete en patrocinador

Patrocinadores

Gracias a todos nuestros patrocinadores

Conviértete en patrocinador

Colaboradores

Este proyecto existe gracias a todas las personas que contribuyen.

¿Necesitas algo especial?

Contrate expertos de CodeX para resolver desafíos técnicos y satisfacer los requisitos de su producto.

• Resuelva un problema que tenga un gran valor para usted
• Implemente una nueva característica requerida por su negocio
• Ayuda con la integración o el desarrollo de herramientas.
• Proporcionar cualquier consulta

Contáctenos a través de [email protected] y comparta sus datos

Comunidad

• Herramientas oficiales
• Impresionante Editor.js
• Buenas primeras tareas
• Contribuyendo
• Chat de Telegrama

Acerca de CodeX

CodeX es un equipo de especialistas digitales de todo el mundo interesados ​​en crear productos de código abierto de alta calidad en un mercado global. Estamos abiertos a jóvenes que quieran mejorar constantemente sus habilidades y crecer profesionalmente con experimentos en tecnologías de vanguardia.

	Unirse	Gorjeo	Instagram
codex.so	codex.so/join	@codex_team	@codex_team