it-swarm-es.com

¿Qué es un buen editor HTML WYSIWYG?

He usado Dreamweaver (aunque CS3, así que tengo algunas versiones anteriores), pero estoy decepcionado con la cantidad de marcado no válido que produce. ¿Hay otros editores WYSIWYG que producen un marcado válido?

7
plntxt

Si desea controlar su código, use la vista de código en Dreamweaver o simplemente un editor de texto sin formato como Notepad ++ en Windows, Textmate en Mac o Vim en * nix. El problema con WYSIWYG es que no tienes control total sobre el código que produces, a pesar de que eres libre de limpiar demasiado después del curso.

7
D4V360

Una pregunta relacionada aquí: validación HTML: ¿vale la pena? . Menciono esto ya que mencionaste que estás molesto con el marcado no válido. La semántica de marcado es más importante que la validez de marcado en mi opinión, y generalmente esto solo puede ser realizado adecuadamente por un humano - especialmente con todos los elementos nuevos presentados por HTML5.

Jeffery Zeldman publicó recientemente un artículo sobre este mismo tema: n InDesign para HTML y CSS . Inspirado por la charla de ciertas personas en Adobe, él postula que ningún editor de WYSIWYG puede crear un marcado semántico y significativo más de lo que un programa de computadora puede componer música significativa y emocional.

Si elige quedarse con Dreamweaver y usar su vista de código (que es lo que usé durante bastante tiempo, es muy bueno), debería considerar actualizar a CS5. Adobe, dado todo el odio de Flash, ha hecho todo lo posible para mejorar la calidad del código que genera. También han creado Paquete HTML5 .

Esta extensión proporciona soporte inicial para HTML5 y CSS3 en Adobe Dreamweaver CS5, y le ayuda a crear fácilmente páginas HTML5 y estilos CSS3. También incluye actualizaciones y mejoras de WebKit para la visualización de Design View y Live View.

Si bien HTML5 y CSS3 no se finalizarán por un tiempo, la extensión proporciona soporte para un conjunto de características implementadas actualmente.

Esta extensión mejora Dreamweaver CS5 de las siguientes maneras:

  • Presenta el panel de vista previa multipantalla, que permite la visualización en vivo en 3 tamaños de pantalla diferentes, con soporte de Media Query. (Ventana> Vista previa multipantalla)
  • Agrega sugerencias de código para la biblioteca de etiquetas HTML5 con nuevas etiquetas, atributos y propiedades.
  • Actualiza sugerencias de código para nuevos atributos y valores en etiquetas HTML existentes.
  • Agrega sugerencias de código para las siguientes especificaciones CSS3: Transformaciones 2D/3D; Animaciones; Fondo y borde; Interfaz de usuario básica; Diseño de línea; Marquesina; Preguntas de los medios; MultiColumn; Rubí; Texto; y transiciones.
  • Actualiza Live View para admitir <video> y <audio>. (Requiere instalación de Quicktime).
  • Representación mejorada para CSS3 en Live View.
  • Agrega diseños de inicio HTML5 al cuadro de diálogo Nuevo documento.
  • Ofrece una mejor representación para nuevas etiquetas en la Vista de diseño.

Dreamweaver ha existido durante mucho más tiempo que la mayoría de sus competidores, y es un programa sólido, y si elige seguir usando el editor WYSIWYG, no obtendrá mucho mejor de otras aplicaciones.

3
Bryson

Coda de los chicos de Panic es un producto Mac realmente agradable. Usted escribe el marcado usted mismo y, por lo tanto, conserva el control completo como lo haría con TextMate, Notepad2, etc. Pero también hay una vista previa en vivo que puede ver en una pantalla dividida para que pueda saber de inmediato qué efecto está teniendo en la página. Es una buena solución "lo mejor de ambos mundos".

3
Alan

Lo he usado por jEdit y Eclipse porque funcionaron bien en el resto de mi flujo de trabajo de desarrollo. El resaltado de sintaxis de jEdit y la capacidad de reconocer una amplia variedad de formatos de texto es muy bueno para una revisión rápida de las cosas extrañas que suelo ver.

Estoy de acuerdo con otros que han mencionado evitar los editores WYSIWYG. Las últimas versiones de DW generan código aceptable la mayor parte del tiempo, pero cuando lo uso, de todos modos paso el 95% de mi tiempo en la vista de código.

1
acrosman

Yo uso Microsoft Visual Web Developer 2010 Express (gratis, incluso para uso comercial) :)

0
Andrei Rînea