en el mundo Codificación y programación Hay dos tipos de editor de código: editor sencillo basado en texto y WYSIWYG (abreviatura de wizzy-wig o lo que ves es lo que obtienes). En nuestro artículo anterior, discutimos algunos de los Las mejores aplicaciones de edición HTML de código abierto Donde escribes el código manualmente. Aunque no hay problemas con los editores de texto HTML, es de la vieja escuela. Y ahí es donde entra en juego el editor de fotos de WYSIWYG. Se ha vuelto muy popular en los últimos años. diferente a programación HTML Real y otras cosas técnicas Para crear tu propio sitio web Las aplicaciones de edición HTML WYSIWYG brindan opciones visuales Para crear un sitio web Sin ningún conocimiento de programación (recuerde Anuncio Wix Esto es increíble.)
WYSIWYG HTML Editor tiene muchas ventajas sobre él Aplicaciones de edición basadas en texto. Para empezar, puede crear un sitio web con Editores WYSIWYG Aunque no sepas programar. Todo lo que tiene que hacer es arrastrar y soltar los elementos en el editor y, una vez que haya terminado, simplemente copie el código. Sin embargo, encontrar un buen editor HTML WYSIWYG no es fácil, especialmente si necesita que sea de código abierto y gratuito. Por eso, en este artículo, hemos recopilado las mejores aplicaciones de edición HTML WYSIWYG de código abierto que podemos encontrar. Empecemos. ¿Debemos?
Las mejores aplicaciones de edición HTML WYSIWYG de código abierto
1. Pelar
Pell es probablemente el editor WYSIWYG más pequeño y simple que encontrará. ¡Literalmente tiene un tamaño de 1.38 KB!
Proporciona todas las funciones básicas y formato como títulos, color, negrita, cursiva, listas, citas, enlaces y también imágenes. Otras acciones disponibles incluyen sangría, metatextos, contornos, nombre y tamaño de fuente. Una vez que haya terminado de escribir y formatear con el editor, Pell genera el código HTML completo que puede simplemente copiar y pegar en su sitio web o página y listo.
Positivos:
- La aplicación WYSIWYG más pequeña y ligera
- Sin dependencias
- Personaliza fácilmente
Negativos:
- Sin edición de HTML
- Imágenes solo a través de enlaces
Veredicto:
Al observar su tamaño, Pell crea un paquete convincente. Pero seamos honestos, solo puede ejecutar archivos HTML básicos con opciones de edición y edición limitadas. Entonces, si usted es alguien que está buscando un editor WYSIWYG rápido y liviano para un trabajo muy básico, entonces debería consultar Pell.
Probalo Pell aquí
2. AbrirWYSIWYG
OpenWYSIWYG es un rico editor de texto multinavegador, totalmente codificado en JavaScript. Con sólo copiar unas pocas líneas de código, puede convertir cualquier Un potente editor WYSIWYG para OpenWYSIWYG.
La interfaz de usuario y las opciones de edición con menús desplegables son similares a cualquier editor de texto y te sentirás como en casa. Además de todas las opciones básicas de formato, el software presenta un selector de color mejorado con 216 colores web para elegir y una poderosa herramienta para seleccionar tablas con todas las opciones que se te ocurran.
Otra gran ventaja de OpenWYSIWYG es que, con todas las opciones visuales, aún puede ver el código HTML sin formato y realizar ediciones en el código.
Positivos:
- Potente entorno de edición
- Interfaz de usuario intuitiva y fácil
- Amplias opciones de selección de colores y edición de tablas
Negativos:
- No se ha actualizado en algunos años.
Veredicto:
Escrito en JavaScript, OpenWYSIWYG debería funcionar con cualquier otro lenguaje de programación web, y si está buscando algo un poco más poderoso que Pell para incluirlo en su aplicación web, esta es una excelente opción.
AbiertoWYSIWYG La demostración está disponible aquí
3. TinyMCE (Edición comunitaria)
El siguiente editor de nuestra lista es TinyMCE, el editor WYSIWYG completo para la web. También está escrito completamente en JavaScript y proporciona una interfaz de usuario y una experiencia como la mayoría de los procesadores de texto.
Ven TinyMCE en una gama de opciones Community Edition es la versión gratuita y de código abierto. Viene con todas las opciones básicas de edición, como formato de texto, listas y tablas, así como algunas opciones de edición de imágenes.
Los desarrolladores han mantenido los precios de los modelos premium según el número de usuarios que tengas, es decir, cuantos más usuarios tengas, más tendrás que pagar. Algunas de las características premium incluyen cargar y administrar todos sus archivos desde Google Drive o Microsoft Azure en lugar de su propio servidor, soporte para complementos, corrector ortográfico, corrector de enlaces y también soporte técnico premium.
Positivos:
- Soporte de complementos
- Gestión de archivos
- soporte técnico
- Editor de código de estilo IDE para HTML
Negativos:
- El precio
- No completamente de código abierto
Veredicto:
TinyMCE con su opción de fácil integración, su interfaz de usuario fácil de usar y muchas funciones, incluido el soporte técnico, es un paquete completo. Si solo desea utilizar el editor HTML WYSIWYG de código abierto con más funciones y está de acuerdo con gastar algo de dinero, TinyMCE es el camino a seguir. ¡También ofrecen una prueba gratuita de un mes para su modelo Pro que siempre puede consultar!
Probalo Demostración de TinyMCE aquí
4. Judit
Jodit es un editor WYSIWYG rápido y liviano que puede incrustar en su código y comenzar a editar su página. Tiene un tamaño muy ligero de alrededor de 100 KB y está escrito completamente en TypeScript, por lo que no necesita ninguna de las dependencias o bibliotecas para ejecutarlo.
Jodit es uno de los editores WYSIWYG más fáciles de usar que existen, con opciones como copiar, pegar y soltar una imagen. También puede adjuntar o incrustar videos de YouTube o Vimeo a través de un enlace.
Lo mejor que me gustó de Jodit es que viene con un editor ACE listo para usar y con un botón, puede cambiar entre el ícono real y el modo de vista previa. Puede realizar ediciones directamente en el código o simplemente copiarlo y pegarlo en su sitio web.
Positivos:
- Ligero, sin bibliotecas
- Arrastrar y soltar
- Editor ACE listo para usar
- Opción de soporte técnicopagado)
Veredicto:
Jodit le ofrece lo mejor de ambos mundos: fácil edición WYSIWYG visual y ajuste de código sin procesar. Si eres alguien que tiene al menos algún conocimiento de HTML, Jodit podría ser la mejor opción para ti.
Probalo Judit
5. Nota de verano
Summernote es un editor WYSIWYG muy simple basado en jQuery basado en Bootstrap. Dado que es compatible con Bootstrap, puede usar todos los estilos y temas compatibles con su editor de Bootswatch.
El editor en sí tiene una interfaz de usuario muy limpia y minimalista e incluso puede editar o agregar opciones de formato según sus necesidades. Con el modo Air de Summernote, incluso puede ocultar toda la barra de herramientas y editar su documento a una velocidad vertiginosa. Junto con todas las opciones básicas de formato, arrastrar y soltar, copiar y pegar imágenes, convierte automáticamente todas las imágenes a base64, por lo que no tiene que aplicar procesamiento de imágenes en absoluto.
Para mí, lo mejor de Summernote es el equipo de desarrolladores que trabaja arduamente detrás de él, que siempre escucha a la comunidad y agrega nuevos cambios como compatibilidad con complementos, versión lite o vanilla de Summernote que no requiere Bootstrap.
Positivos:
- Curva mínima de aprendizaje
- Modo de aire para liberación rápida
- Soporta Bootstrap 3.xx a 4.xx
- Ver y editar en HTML
Negativos:
- Sin soporte de complementos
- Requiere Bootstrap
Veredicto:
Summernote es probablemente el editor WYSIWYG más rico pero gratuito del mercado y mejora constantemente. Si está trabajando con Bootstrap, entonces Summernote no lo hace pensar, pero incluso si Summernote no lo es, vale la pena echarle un vistazo.
Probalo Demostración de notas de verano
6. Froala
Y por último, pero no menos importante, Editor Fróala , un hermoso WYSIWYG escrito en JavaScript. Froala es una de las herramientas más populares de esta lista y su popularidad entre los desarrolladores se atribuye a su fácil integración y diseño limpio.
Froala es un editor muy poderoso por derecho propio y tiene innumerables complementos mejorados por sí mismo. Hay más de 30 complementos que incluyen un editor de imágenes de alta gama, emoticonos y corrector ortográfico, y es fácil crear su propio complemento. También se puede acceder a todas las herramientas simultáneamente con un editor incorporado que es muy conveniente.
Como TinyMCE, ven Froala también viene en muchos sabores , pero incluso la versión gratuita consta de todas las funciones. La única diferencia es que no obtendrá el código fuente completo ni el soporte técnico.
Positivos:
- Potente editor ligero
- Edición en línea
- muchos extras
Negativos:
- No es una aplicación de teléfono/sitio web tan grande
Veredicto:
Froala es rápido y liviano con una interfaz de usuario agradable, pero hasta ahora se las arregla para ofrecer todas las funciones que uno podría buscar en un editor HTML WYSIWYG. Si está bien sin el código fuente y el soporte, la versión gratuita le servirá bien, de lo contrario, ya sabe qué hacer; No hay nada mejor que esto.
Demostración: prueba Fróala aquí
7. Editor de CK
CKEditor es muy popular entre los usuarios por ser un editor HTML WYSIWYG de código abierto y bellamente diseñado. Viene con más de 21 cuestionarios para ayudarlo a aprender HTML en un diseño fácil de usar. Hay documentación detallada para ayudarlo a perfeccionar sus habilidades. Algunos de los nombres más importantes de la industria de la tecnología en los que confía.
Tenga en cuenta que deberá mantener los avisos de derechos de autor en cada archivo sin eliminar el archivo LICENSE.md ubicado en la carpeta de instalación de CKEditor. Esto no es una desventaja, especialmente cuando obtienes mucho valor a cambio.
Hay soporte para extensiones, @mention, emojis, navegadores antiguos e incluso autocompletar, lo que puede ahorrar mucho tiempo.
Positivos:
- Documentación detallada, pruebas y preguntas.
- Cooperacion
- Autocompletar
Negativos:
- Mantener archivo de licencia
obtener CKEditor
Aviso especial:
1. Editor medio Es un clon de código abierto del editor WYSIWYG integrado para Medium.com. Es simple, liviano y viene sin dependencias. Aunque no es tan poderoso, puede funcionar como una excelente herramienta de edición integrada para documentos relacionados con el texto.
2. Dejarte empacar Vista previa HTML Desde Atom agregue un panel de vista previa en el que puede obtener una vista previa directamente del código HTML, lo que puede ser muy útil para los desarrolladores. Aunque esto no está destinado a principiantes, es un gran paquete para agregar a su flujo de trabajo existente si ya está en la programación HTML.
El mejor editor HTML WYSIWYG de código abierto
Considerando que HTML Sigue siendo el método más poderoso. Para construir un sitio web Y las cosas más complejas posibles sin embargo, los editores WYSIWYG se han ganado un lugar propio. Aprender a codificar requiere mucho tiempo y esfuerzo y puede no tener sentido para todos. Si usted tiene Experiencia previa en programación. Y si no tiene tiempo para aprender, puede salirse con la suya utilizando el editor HTML WYSIWYG de código abierto.
Así que esta fue una de las mejores aplicaciones de edición HTML WYSIWYG de código abierto que puedes usar hoy. ¿Cuál eliges o cuál ya usas? Cuéntanos en la sección de comentarios a continuación.
