En 2022, Editor.js destaca como el principal editor de bloques de contenido modular de código abierto.

Hay muchos WYSIWYG editores de contenido que existen, sin embargo, este no es el típico editor, es un editor de bloques similar al editor de bloques de contenido de WordPress, y la mejor parte es gratuito y de código abierto.

Entonces, ¿qué es Editor.js?

Editor.js es una biblioteca de edición de contenido de código abierto que facilita la edición, el pedido y la personalización de bloques. Además, devuelve los datos en formato JSON limpio y legible, que se representará fácilmente como HTML limpio.

Los datos limpios se cargan más rápido, son más fáciles de depurar y mejoran el rendimiento general de su proyecto.

Editor.js se encuentra actualmente en desarrollo activo por parte de un grupo de desarrolladores de código abierto, que lo mantienen actualizado y mantenido. También cuenta con una sólida comunidad de desarrolladores.

¿Por qué amamos Editor.js?

Antes de comenzar a mostrar las increíbles características de esta genial biblioteca, nos gustaría decir por qué nos encanta y la recomendamos en sus proyectos futuros:

1. Salida de datos limpia en formato JSON
2. Fácil de configurar, sencillo de configurar y eficiente de usar
3. Un gran conjunto de funciones integradas y complementos
4. Admite todos los marcos populares y funciona bien con otros lenguajes de programación.

Características

1. Funciona bien con otros marcos de JavaScript: React, Blaze.js, Vue y Angular.
2. Se puede utilizar directamente desde la CDN
3. El editor organiza todos los datos en una salida JSON limpia y estructurada.
4. Los desarrolladores pueden personalizar todos los accesos directos a las herramientas.
5. Medio como editor de texto.
6. API de complemento fácil de usar para desarrolladores
7. Funciona bien en el móvil
8. Funciona perfectamente en todos los navegadores populares
9. Huella mínima del navegador
10. Fuerte comunidad de desarrolladores y un rico ecosistema
11. Editor.js permite a los usuarios diseñar y personalizar el diseño de su contenido (página)
12. Viene con sus herramientas en línea, como: hipervínculo, marcador, estilo, código en línea, información sobre herramientas, autocompletar y más.
13. Los usuarios pueden editar fácilmente imágenes dentro del contenido utilizando un editor en línea o un editor de imágenes avanzado mediante un complemento.
14. Soporte integrado para agregar e incluir archivos adjuntos

Complementos

Editor.js ofrece docenas de complementos listos para usar que los desarrolladores pueden agregar o “conectar” fácilmente a su instalación de Editor.js. Aquí hay una lista de los complementos de Editor.js más importantes que encontramos:

1. Complemento de tabla: El complemento de tabla ofrece estilos, celdas, campos anidados y más altamente personalizables.
2. Insertar complemento: Este permite al usuario agregar medios integrados de docenas de redes sociales y servicios como YouTube, Facebook, Twitter, LinkedIn, Pexels, Amazon, fragmentos de Google y más.
3. Complemento de lista de verificación: Permite a los usuarios crear listas de tareas o de verificación enriquecidas directamente en su contenido sin sudar
4. Complemento de lista anidada: Donde los usuarios pueden agregar listas de varios niveles, simplemente presionando Tab y Shift + Tab.
5. Complemento de arrastrar y soltar: ayuda a los usuarios a organizar, organizar y agregar elementos visualmente a la página con solo arrastrar y soltar
6. Complemento del analizador de rebajas: El complemento Markdown Parser permite al usuario importar/exportar contenido de Markdown
7. Complemento de carrusel: Carrusel/Bloque de galería para Editor.js
8. Complemento de botón: Crea un botón con un enlace y texto.
9. Complemento de látex: Compatibilidad con bloques LaTeX para EditorJS

Clientes y navegadores probados

1. Microsoft Edge 12+
2. Mozilla Firefox 18+
3. Google Chrome 49+
4. Safari de Apple 10+
5. iOSSafari 10+
6. Ópera 36+
7. Navegadores basados ​​en Brave, Vivaldi y Google Chrome/Chromium

Soporta frameworks y lenguajes de programación.

1. Frameworks de JavaScript: Vue.js, React, Angular y Blaze.
2. PHP
3. Python (probado con Django y Flask)
4. Rubí
5. Ir
6. Interfaz de usuario rápida y rápida
7. Kotlin

Editor.js para CMS

• Editor frontal – Complemento de editor frontal para WordPress
• EditorJS – Widget de formulario de backend para OctubreCMS
• Strapi-EditorJS – Reemplazar correa Editor WYSIWYG predeterminado con Editor.js.
• Editor de bloques de administración – Complemento de administración para CMS de palabras clave (basado en Symfony)
• Editor.js – Extensión Directus – Agregar una interfaz Editor.js a directo

Licencia

Editor.js se publica bajo la licencia Apache-2.0.

Recursos

• Código fuente
• Sitio web

Etiquetas

desarrollo web Editores de código abierto Marcos de JavaScript React Herramientas de desarrollo programación de desarrollo Vue