Un buen editor.
Y una buena causa.

GoodEdit es un editor de código deliberadamente ligero para HTML, CSS, JavaScript y PHP, hecho para quienes simplemente quieren escribir sin que un entorno de desarrollo sobrecargado los frene. Abrir, teclear, ver la vista previa en vivo, guardar. Nativo para macOS, rápido en Apple Silicon.

La aplicación es un homenaje gratuito a Taco HTML Edit de Taco Software, un editor que enseñó el oficio a muchos de nosotros. GoodEdit no toma código ni gráficos del original: continúa su enfoque claro y sencillo en un desarrollo completamente nuevo.

El nombre es más corto y encaja con el programa hermano GoodSort, que ordena papel en lugar de código. Ambos están construidos igual: los mismos cuerpos de letra, las mismas alturas de botón, la misma manera de elegir idioma. Quien conoce uno se orienta en el otro.

La dirección anterior redirige a esta página. Los ajustes existentes se conservan, no se pierde nada.

La interfaz ya no está fija en el programa, sino en un archivo de texto por idioma. El alemán y el inglés vienen incluidos. Quien necesite otro idioma copia la plantilla, escribe su propia versión junto a cada frase alemana y la elige en los ajustes. No hacen falta conocimientos de programación.

Si falta una entrada, ese punto vuelve en silencio al alemán, así que nada queda vacío. Un botón en los ajustes muestra la carpeta en el Finder.

En el menú de ayuda y en la ventana de ayuda hay un botón que abre el programa de correo con el asunto ya preparado. La versión del programa y la del sistema ya están en el texto, nadie tiene que buscarlas.

Lo que este programa sabe hacer se lo debe a los comentarios de sus usuarios. Cada caso particular notificado, cada aviso sobre una etiqueta poco clara lo ha mejorado un poco.

La letra de la interfaz se puede ajustar de 12 a 20 puntos. El valor predeterminado de macOS está pensado para pantallas pequeñas. En un monitor grande obliga a una cercanía innecesaria.

El tamaño de letra del editor no se ve afectado, es un ajuste propio.

No hay boletín ni tienda de aplicaciones, así que nadie se entera por su cuenta de que existe una versión nueva. La ventana de información ahora incluye el botón «Buscar actualización» justo debajo del número de versión. Un clic pregunta a jan-gutzeit.de cuál es la versión actual y te dice si la tuya sigue siéndolo. Si hay una más reciente, un segundo botón te trae aquí.

No se transmite nada sobre ti. El servidor solo ve que se ha descargado un archivo público, igual que al abrir esta página en el navegador. Si lo prefieres, la comprobación también puede ejecutarse al iniciar; de fábrica está desactivada.

En 0.3.9 el aviso no aparecía en las páginas interiores: la aplicación tomaba en silencio la carpeta del archivo abierto como raíz del sitio. Para una página dentro de una subcarpeta ese es el nivel equivocado, rutas como /styles/style.css no llevaban a ninguna parte y no había manera de elegir la raíz correcta. Ahora el aviso permanece hasta que se autoriza la carpeta del proyecto y además nombra el primer archivo que faltó.

Hasta ahora la vista previa mostraba el documento sin su entorno: solo surtían efecto los estilos en línea, mientras que las hojas de estilo y las imágenes enlazadas quedaban fuera. El motivo era que la vista previa no sabía a qué apunta una ruta como css/estilo.css. Ahora GoodEdit sirve la página mediante un esquema interno propio y se comporta como un pequeño servidor para tu carpeta de proyecto. El documento sigue viniendo directamente del editor, así que la vista previa permanece en vivo mientras escribes.

Las rutas absolutas como /imagenes/cabecera.jpg se resuelven así igual que después en tu servidor. Por la vía anterior no era posible.

macOS solo permite a la aplicación acceder al archivo que has abierto, no a la carpeta contigua. Por eso aparece arriba en la vista previa un aviso discreto con el botón «Autorizar carpeta». Elige la carpeta que es la raíz de tu sitio web. El permiso se recuerda y se mantiene tras reiniciar. Los archivos fuera de esa carpeta no se leen.

Corregido: en páginas web reales, una edición de texto hecha en la vista previa se descartaba a menudo. La aplicación buscaba el texto editado en el archivo y parecía encontrarlo varias veces, porque la misma palabra aparecía también en atributos como aria-label, en comentarios o dentro de una frase más larga. Ahora solo cuenta el texto visible real y, cuando una palabra sí se repite, la vista previa indica cuál has editado.

Al abrir un archivo —por ejemplo con clic derecho en el Finder— se abría además una ventana vacía. Esa ventana en blanco ahora se aparta en cuanto aparece un archivo; si ya has escrito en ella, se queda. Si inicias la aplicación sin archivo, sigues obteniendo un documento en blanco.

Abrir un archivo contaba de inmediato como haberlo editado, así que al cerrarlo se pedía guardar aunque no se hubiera escrito nada. Ahora solo cuentan los cambios reales.

Una sola pulsación (⌃I) reindenta limpiamente todo el documento: GoodEdit entiende tanto el anidamiento de las etiquetas como las llaves del CSS, JavaScript y PHP incrustados. Las líneas nuevas se indentan correctamente mientras escribes.

Los colores de sintaxis distinguen de un vistazo etiquetas, atributos, cadenas y comentarios. Hay tres esquemas integrados –el sutil predeterminado, Clásico y Alto contraste–, intercambiables en Ajustes y afinados para los modos claro y oscuro.

Editor a la izquierda, vista previa a la derecha. La vista web integrada se actualiza mientras escribes, sin pasar por el navegador. Y también funciona al revés: haz clic en la vista previa y edita el texto allí mismo – tus cambios vuelven al código al instante.

La interfaz habla alemán e inglés y puede cambiarse en Ajustes. Gracias a sencillos archivos de idioma, GoodEdit puede traducirse fácilmente a más idiomas.

Si quieres, añade tu propia clave de API de Anthropic y recibe ayuda para escribir y revisar código. La clave se guarda de forma segura en el llavero de macOS. Sin clave, la aplicación funciona por completo.

1. Abrir y escribir. Inicia la aplicación: un documento HTML vacío te espera. Escribe en el panel izquierdo; las líneas nuevas se indentan solas.

2. Formatear la sintaxis. Menú Edición → «Formatear sintaxis» (o ⌃I) ordena la indentación de todo el documento.

3. Mostrar u ocultar la vista previa. Con el botón de vista previa de la barra de herramientas muestras u ocultas la vista en vivo.

4. Guardar. ⌘S guarda como .html, .css, .js o .php. Listo.

Encontrarás más detalles en la aplicación, en Ayuda → «GoodEdit Help» (⌘?).

¿Te falta algo, se te atasca en algún punto o simplemente te gusta GoodEdit? Me encantará leerte – con unas líneas basta.

Enviar comentarios

GoodEdit está inspirado en Taco HTML Edit (Taco Software) y nació como agradecimiento a esa obra. «Taco HTML Edit» y las marcas relacionadas pertenecen a sus respectivos propietarios; no existe vinculación ni respaldo por parte de Taco Software. No se utilizó código fuente ni material gráfico del original.

Concepto y nuevo desarrollo: Jan Gutzeit. La aplicación se ofrece de forma gratuita.