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:
- Salida de datos limpia en formato JSON
- Fácil de configurar, sencillo de configurar y eficiente de usar
- Un gran conjunto de funciones integradas y complementos
- Admite todos los marcos populares y funciona bien con otros lenguajes de programación.
Características
- Funciona bien con otros marcos de JavaScript: React, Blaze.js, Vue y Angular.
- Se puede utilizar directamente desde la CDN
- El editor organiza todos los datos en una salida JSON limpia y estructurada.
- Los desarrolladores pueden personalizar todos los accesos directos a las herramientas.
- Medio como editor de texto.
- API de complemento fácil de usar para desarrolladores
- Funciona bien en el móvil
- Funciona perfectamente en todos los navegadores populares
- Huella mínima del navegador
- Fuerte comunidad de desarrolladores y un rico ecosistema
- Editor.js permite a los usuarios diseñar y personalizar el diseño de su contenido (página)
- 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.
- 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.
- 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:
- Complemento de tabla: El complemento de tabla ofrece estilos, celdas, campos anidados y más altamente personalizables.
- 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.
- 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
- Complemento de lista anidada: Donde los usuarios pueden agregar listas de varios niveles, simplemente presionando
TabyShift + Tab. - 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
- Complemento del analizador de rebajas: El complemento Markdown Parser permite al usuario importar/exportar contenido de Markdown
- Complemento de carrusel: Carrusel/Bloque de galería para Editor.js
- Complemento de botón: Crea un botón con un enlace y texto.
- Complemento de látex: Compatibilidad con bloques LaTeX para EditorJS
Clientes y navegadores probados
- Microsoft Edge 12+
- Mozilla Firefox 18+
- Google Chrome 49+
- Safari de Apple 10+
- iOSSafari 10+
- Ópera 36+
- Navegadores basados en Brave, Vivaldi y Google Chrome/Chromium
Soporta frameworks y lenguajes de programación.
- Frameworks de JavaScript: Vue.js, React, Angular y Blaze.
- PHP
- Python (probado con Django y Flask)
- Rubí
- Ir
- Interfaz de usuario rápida y rápida
- 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
Etiquetas
desarrollo web Editores de código abierto Marcos de JavaScript React Herramientas de desarrollo programación de desarrollo Vue
