Revisión del mejor editor HTML (para principiantes y expertos)

Elegir un editor HTML no es un rompecabezas. Pero es importante. Un editor HTML es un programa que te permite editar HTML (y otros lenguajes web) en texto plano para que puedan ser interpretados por un navegador web. Básicamente, un editor HTML es tu billete para crear contenidos para la web. También es una herramienta poderosa. Con un editor, puedes construir casi cualquier tipo de sitio web que puedas imaginar. Y la mayoría de los mejores editores HTML son gratuitos. Pero, si quieres funciones premium y dedicar menos horas a la configuración personal, también tienes algunas opciones atractivas.

• ¿Qué es un editor HTML?
  • ¿Qué debes esperar de cualquier editor HTML?
• Los mejores editores HTML gratuitos
  • Sublime
  • Atom
  • Código de Microsoft Visual Studio
  • Vim
  • Emacs
• Mejor Editor HTML Premium
  • PhpStorm
  • Adobe Dreamweaver

¿Qué es un editor HTML?

Un editor HTML puede ser cualquier editor de texto plano con funciones especiales diseñadas para editar archivos HTML y, como extra, cualquiera de los lenguajes utilizados para desarrollar páginas para la web. Entre ellos se incluyen CSS, JavaScript y PHP.

¿Qué debes esperar de cualquier editor HTML?

Como mínimo, hay unas cuantas funciones que deberías exigir a cualquier editor de HTML. Y la buena noticia es que la mayoría de los editores HTML proporcionan estas funciones básicas:

Texto plano real

Puede parecer inverosímil, pero hay algunos editores que no te permiten poner las manos en el código en sí, sino que utilizan una interfaz que edita el código por ti. Utiliza texto sin formato.

Resaltado sintáctico

Para que tu código sea más legible para los humanos (incluido tú mismo).

Completar código

La codificación de HTML requiere mucha repetición tediosa de varias etiquetas y construcciones sintácticas, por lo que (especialmente para los principiantes) un poco de autocompletado es de gran ayuda y te ahorra tener que teclear más y cometer errores.

Los mejores editores HTML gratuitos

Los mejores editores HTML gratuitos están ordenados aquí no por calidad, sino por viabilidad a largo plazo. A medida que pruebes distintos editores te darás cuenta de que algunos tienen funciones que te gustan y que no están disponibles en otros editores. Por ejemplo, puede haber una función que te guste en Sublime que no esté disponible en Atom. A la inversa, puede que Atom te ofrezca algo que Sublime no. No es sostenible intentar utilizar varios editores.

Así que, a medida que avanzas en esta lista, debes saber que todas las funciones que te gustan de Sublime, Atom y Microsoft Visual Studio Code pueden implementarse o, al menos, emularse, en los editores más avanzados de la parte inferior: Vim y Emacs.

Sublime

Sublime proporciona un excelente soporte integrado para los principales lenguajes web: HTML, CSS, PHP y JavaScript. Y no es necesaria ninguna configuración adicional para poner en marcha el soporte. Todo lo que tienes que hacer es instalar Sublime, abrir cualquier archivo HTML y empezar a editar. Sublime proporciona todas las funciones de texto más básicas que necesitas, y además cuenta con un saludable archivo de plugins con funciones adicionales que puedes integrar.

Atom

Atom, de forma similar a Sublime, proporciona un conjunto básico de comodidades de código, incluyendo resaltado de sintaxis y completado de código. Asimismo, los complementos de Atom pueden instalarse directamente desde la interfaz principal, lo que es una buena opción si sólo quieres probar rápidamente funciones adicionales.

Código de Microsoft Visual Studio

Microsoft Visual Studio Code es más que un editor de texto, es un "entorno de desarrollo integrado". ¿Qué significa eso? Un entorno de desarrollo integrado (IDE) intenta reunir un conjunto completo de herramientas de software en una aplicación maestra. Así, por ejemplo, tienes todas las funciones estándar de codificación, como el resaltado de sintaxis y el completado de código, y además tienes soporte para depuración, control de versiones, despliegue, shell y mucho más. La principal diferencia entre Microsoft VSC y otros IDE es el precio: VSC es gratuito.

Vim

Es probable que ya tengas Vim instalado en tu ordenador. A diferencia de todas las demás aplicaciones sobre las que has leído hasta ahora, Vim es un editor basado en terminal. Hay versiones de Vim con interfaz gráfica de usuario que puedes probar, pero la forma preferida de conocer Vim es abrir tu emulador de terminal y ejecutar el tutor de Vim. Escribe "vimtutor" en la línea de comandos y luego, cuando Vim tome el control de la pantalla, puedes escribir ":help" y pulsar Intro.

Vim es altamente personalizable, y por eso lo recomiendan sus muchos usuarios dedicados. Casi cualquier cosa que puedas imaginar con la manipulación de texto se puede lograr con Vim.

Emacs

Al igual que Vim, Emacs es muy extensible. Emacs tiene diferentes "modos" para distintos tipos de texto. Al igual que otros editores mencionados anteriormente, Emacs puede detectar si estás editando un archivo HTML, y saltará a un modo de edición especial diseñado sólo para editar archivos HTML. Para obtener el paquete de edición web más completo, con soporte para todos los lenguajes mencionados anteriormente, deberías consultar el programa webmode.el paquete.

Mejor Editor HTML Premium

Saliendo del mundo de los editores gratuitos, existen opciones premium. La principal ventaja de los editores premium es la longevidad. Pagar por un proyecto de software es una de las mejores formas -aunque ciertamente no una garantía- de que el software seguirá desarrollándose y actualizándose durante mucho tiempo en el futuro. Todos los demás editores de texto de este artículo son mantenidos por voluntarios.

PhpStorm

PhpStorm, de JetBrains, es un IDE construido para soportar casi todo lo que necesitarías para construir un sitio web con el lenguaje de scripting más popular: PHP. Pero incluso si no utilizas PHP, PhpStorm incluye potentes funciones para HTML, CSS y JavaScript. Para algo más sencillo y centrado en JavaScript, también está WebStorm. PhpStorm ofrece soporte adicional para bases de datos, pruebas unitarias y otras funciones exclusivas de PHP. Si no las necesitas, quizá WebStorm sea ideal para ti, y es más asequible. Sin embargo, si te interesa la programación web en general y no estás seguro de si algún día necesitarás soporte para PHP (lo más probable es que lo necesites), entonces deberías plantearte pagar la prima de PhpStorm. Ambos productos son gratuitos a partir del tercer año.

Adobe Dreamweaver

Adobe Dreamweaver sigue siendo popular año tras año y mantiene fieles seguidores. A un precio de 20 $/mes, Dreamweaver te proporciona una experiencia diferente en comparación con todos los demás editores mencionados anteriormente. En lugar de editar código directamente, Dreamweaver te proporciona una interfaz gráfica de usuario (GUI) de arrastrar y soltar. Si ésta es la forma en que prefieres trabajar, entonces Dreamweaver puede ser la mejor opción para ti. Si te sientes cómodo utilizando herramientas como Photoshop, Dreamweaver proporciona una experiencia de usuario similar.