3 Editores HTML Visuales (WYSIWYG) y Gratuitos para 2020

Categorias: Diseño Web, Programas

3 Editores HTML Visuales (WYSIWYG) y Gratuitos para 2020

Hace algunos años, si querías hacer una página web, necesitabas un editor HTML y echarle horas delante de la pantalla.

El problema para muchos de nosotros, es que no teníamos ni idea de escribir en HTML y aunque con un poco de esfuerzo no es complicado de empezar a utilizarlo, teníamos aplicaciones en las que veías lo que estabas haciendo si tocar nada de código.

Es decir, que si querías poner una imagen en la parte superior de la pantalla, la ponías y la aplicación se encargaba de escribir el código HTML de tus acciones.

Y así con todos los elementos, enlaces, tablas, títulos, etc… Era como «diseñar» un sitio web desde Microsoft Word y luego sólo quedaba subir los archivos al hosting para que se viera tu pequeña obra de arte online.

Este tipo de editores HTML se conocen como editores WYSIWYG (What You See Is What You Get), que podemos traducirlo algo parecido a «Lo que ves es lo que hay».

Muchas empresas de software lanzaron multitud de aplicaciones HTML visuales, pero la que finalmente se llevó el gato al agua fue Dreamweaver, la cual aun existe y que distribuye Adobe en modo suscripción.

El lado malo de estos editores HTML era que el código que creaban no era el más limpio que podías utilizar, lo que causaba algunos problemas con los distintos navegadores, ya que en algunos se veía bien y en otros mal.

Con el paso de los años las pantallas de los ordenadores dejaron de ser la más utilizadas para ver los distintos sitios web, siendo los móviles la más usada y las web creadas con este tipo de editores HTML ya no se veían bien o ya no era tan sencillo hacerlas.

Además, llegaron los CMS (Gestores de Contenidos), como WordPress o PrestaShop, que lo cambiaron todo para siempre.

Algunos cómo WordPress incluyen su propio editor visual y HTML, desde donde se pueden publicar post sin necesidad de utilizar ninguna aplicación externa.

Hoy en día los editores HTML WYSIWYG no se usan mucho pero en ocasiones vienen bien para hacer alguna cosa o editar algún código HTML que te está dando la tabarra (si, seguimos sin aprender del todo HTML).

Algunos clientes de Hostinet quiere subir una página HTML en su hosting indicando que están en obras o subir algo muy sencillo a modo presencial y no quieren meterse con eso que se llama WordPress ni nada por el estilo.

Por suerte, aun en 2020, existe algunas opciones gratuitas de editores visuales HTML que puedes utilizar para lo que necesites y aquí tienes 3 de ellos.


Tenemos diferentes tipos de hosting, selecciona uno:


1 – BlueGriffon

editor visual html bluegriffon

BlueGriffon fue el primer editor visual que utilicé después de muchos años si utilizar uno, ya que no necesitaba, pero cuando busque algo parecido a lo que hacía con las antiguas versiones de Dreamweaver, era el que más se parecía.

Es multiplataforma, puedes descargarlo para Windows, macOS y Linux, además está traducido a un montón de idiomas.

Utiliza el motor de renderizado del navegador web Firefox y es compatible con HTML 5 y CSS 3.

Tiene un modo dual en el que se puede ver el código que genera conforme se añaden elementos en la pantalla visual y la disposición del editor visual es realmente intuitiva.

Si buscas algo que te recuerde a tus andaduras con Dreamweaver, BlueGriffon puede servirte.

bluegriffon dual view

El aspecto negativo es que, desde hace algún tiempo y aunque existe una versión totalmente gratuita y funcional, la aplicación está derivando a una explotación comercial.

Algunas funcionalidades son de pago y no parece que vaya a cambiar en un futuro, además lo están enfocando a la creación de ePubs

Si quieres usarlo como herramienta principal, puede ser un problema, si lo quieres usar para hacer algunas cosas puntuales, puedes hacerlo sin problemas.

Descargar BlueGriffon

 

2 – HTML Notepad

editor html notepad multiplataforma

HTML Notepad es una aplicación realmente sencilla y ligera que nos permite editar HTML de una manera visual con una sencillez asombrosa.

También es multiplataforma, así que existen versiones para Windows, Linux y macOS.

Según las propias palabras de autor de la aplicación: «HTML Notepad es un editor WYSIWYG para escritores web»

Y la verdad es que nos ha gustado mucho en este target. Si bien puedes editar y crear cualquier tipo de HTML de manera visual, está muy enfocado a escritores que tiene que pasar luego su contenido a HTML.

Tiene soporte para Markdown y un montón de atajos de teclado que puedes usar para escribir largos artículos, llenos de enlaces, imágenes y códigos, de una manera muy sencilla y limpia.

Una opción muy interesante que no ha gustado mucho, ¡la probaremos más a fondo seguro!

Descargar HTML Notepad

 

3 – CKEditor

editor html ckeditor 4

CKEditor tiene 2 versiones:

  • – CKEditor 4
    Editor HTML WYSIWYG de nivel empresarial probado con amplia compatibilidad de navegador, incluidos los navegadores heredados.
  • – CKEditor 5
    Moderno editor de texto enriquecido de JavaScript con una arquitectura modular. Su interfaz de usuario limpia y sus características proporcionan el WYSIWYG perfecto para crear contenido semántico.

Si descargamos el editor HTML, es decir el CKEditor 4, no encontramos ningún instalador, solo un zip que descomprimimos y vemos una carpeta con algunos archivos.

Viendo los archivos, hay una carpeta que se llama samples y dentro de ella vemos un index.html, lo abrimos con cualquier navegador y eso es el editor HTML.

Se edita todo desde el mismo navegador y dispone de numerosos plugins para configurar el editor a nuestro gusto.

Tiene muchas posibilidades y podemos prescindir de las opciones que no usemos.

En la página html que abrimos, tenemos enlaces a ejemplos de plantillas y extensos tutoriales para conocer cómo funciona CKEditor 4, aunque la interface inicial es como cualquier otro editor.

Descargar CKEditor 4

Cosa a Tener en Cuenta

Como hemos comentado antes, los editores visuales están en desuso, pero nos gusta ver proyectos como HTML Notepad, donde le dan una vuelta de tuerca y apuntan las virtudes WYSIWYG, a los escritores web,muy del estilo de aplicaciones Markdown como Typora.

O usar la ventana dual de BlueGriffont para ver como traduce en código los elementos que incorporas de manera visual, es algo que los que empiezan pueden usar y ver como funciona HTML sin miedo a encontrarse con lineas de código y nada más.

El año pasado publicamos un artículo llamado Los 4 Mejores Editores HTML de 2019 en el que hicimos una review de algunos editores HTML, pero todos ellos textuales, así que nos faltaba este post para cerrar el círculo y aquí está.

Hosting SSD en Hostinet

  • Hosting SSD 1desde3´27€ / mes
  • Hosting SSD 2desde3´85€ / mes
  • Hosting SSD 4desde5´60€ / mes
  • Hosting SSD 1desde3´27€/mes
  • Hosting SSD 2desde3´85€/mes
  • Hosting SSD 4desde5´60€/mes
    • Almacenamiento en disco dura ultra rapido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Tras evaluación de nuestro equipo de migraciones y nuevas altas de Hosting
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Todo lo que necesitas para sacar partido a tu Host
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opcion de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Opción de contratación de certificados SSL Wildcard. Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUI
    • Opción de contratación de certificados SSL Extended Validation (EV). Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUI
    • Opción de contratación de certificados SSL Organization Validation (OV). Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUI
    • Con nuestra herramienta WebFácil construye tu página web en solo 5 pasos.
    • Con la herramienta de instalación Softaculous tan solo deberás elegir la aplicación deseada y con tan solo un par de clicks y de forma totalmente automatizada tendrás tus herramientas favoritas instaladas en tu Host.
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Supeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamiento
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting y Dominios
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Precios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contrataciones
    • Precios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contrataciones
    • Precios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contratacionesPrecios para nuevas contrataciones