29 puntos por keepworking 2025-03-07 | 13 comentarios | Compartir por WhatsApp

Quería compartir este pequeño proyecto que terminé haciendo esta vez.

Nash fue concebido con el concepto de Note as HTML, para que un único archivo HTML pueda ser al mismo tiempo el editor y el propio documento.

Si tienes un navegador, puedes trabajar localmente sin restricciones de estar en línea u offline, y quien reciba el documento compartido también puede descargar ese HTML, editarlo, volver a guardarlo y compartirlo de nuevo sin necesidad de registrarse ni instalar ningún programa adicional.

También se pueden pegar imágenes desde el portapapeles para adjuntarlas a la nota, y como se han implementado algunas funciones mínimas de edición, también sirve bastante bien para escribir textos sencillos.

Eso sí, como la función de guardado del navegador no facilita sobrescribir archivos, es posible terminar con una gestión de versiones no intencional del tipo mearchivo, mearchivo (1), mearchivo (2).... Aparte de eso, quise pensar en mejoras para las funciones del editor, pero lamentablemente hay muchas limitaciones.

En cuanto a la usabilidad, incluso yo siento que todavía le faltan muchas cosas, pero creo que podría ser útil para usarlo en un blog self-hosted, o como contenido para manuales simples, textos largos e imágenes.

Échenle un vistazo, y si se les ocurre otra forma de aprovecharlo, les agradecería mucho cualquier consejo.

13 comentarios

 
ifmkl 2025-07-08

Estoy aprovechando muy bien este excelente proyecto que compartiste como editor de generador de sitios estáticos para usar en self-hosting. ¡Gracias!

 
nemorize 2025-03-08

Está padrísimo... ¡estrellita, bang!

  • Hay un problema donde, cuando el título está vacío, el título del navegador se establece como ~
 
lunamoth 2025-03-07

Me recuerda a TiddlyWiki. Creo que un formato de tres columnas para carpeta, documento y contenido del documento también estaría bien.

 
kunggom 2025-03-09

Se me ocurrió buscar si había algo más parecido a TiddlyWiki, y encontré algo llamado Feather Wiki. Este es ultraligero: el tamaño del archivo HTML vacío no llega ni a 60 KB.

 
laeyoung 2025-03-07

¡Simple, pero genial!

 
coremaker 2025-03-07

Está genial.
Pero, cuando haya que copiar y pegar datos HTML con estilos demasiado complejos, creo que sería mejor si pasaran por un proceso simple de normalización.

 
biyott 2025-03-07

Qué bueno. Voy a revisarlo un poco durante el fin de semana. Creo que podría quedar aún mejor si se le agregan algunos conceptos que ya existían.

 
halfenif 2025-03-07

Es una opinión personal.

  • Parece que están usando la primera línea como nombre de archivo. Si es así, estaría bien que hubiera algo que le indique al usuario que eso es el nombre del archivo, ya sea una etiqueta o un ícono.
  • Puede haber varias opiniones sobre el nombre del archivo, pero creo que también estaría bien definir y aplicar una regla simple.
    rule: nombre de archivo + fecha y hora ISO + extensión
    ex: Hello, This is Nash.2025-03-07 13.47.09.html
    Igual, es un poco una pena no poder usar : en el nombre del archivo.
 
keepworking 2025-03-07

Me parece una idea genial incluir información de la hora en el nombre del archivo al guardar.
También da la impresión de que ayuda bastante a disimular la desventaja de no poder sobrescribir.

Gracias por tu valiosa opinión.

 
kunggom 2025-03-07

Me recuerda un poco a TiddlyWiki.
En lo personal, estaría bien que tuviera una función para que al imprimir se vea un poco más limpio y otra para mostrar ciertas partes con una fuente de ancho fijo. También sería ideal que en la barra de herramientas mostrara los atajos con tooltips, o que hubiera una página de guía con una explicación de los atajos.
También podría estar bien que en el archivo HTML generado la parte del código quedara lo más posible agrupada arriba y el contenido apareciera lo más abajo posible, aunque tampoco sé si realmente habría que editar directamente el código HTML hasta ese punto. En fin, si uno guarda un archivo vacío de contenido, dependiendo del caso podría resultar útil.

 
keepworking 2025-03-07

Muchas gracias por sus valiosos comentarios.

  • Atajos de teclado, tooltips
  • Fuente monoespaciada (código)
  • Sangría y anulación de sangría
  • Exportación de solo lectura

Definitivamente creo que sería mucho mejor contar con estas cosas, así que las tomaré como referencia para seguir mejorándolo.

 
kunggom 2025-03-07

Otra cosa que se me ocurre es una función de soporte para aumentar/disminuir sangría.
A veces, cuando hay que escribir textos largos, resultaba útil destacar algunas partes usando sangría y recursos similares.

 
kunggom 2025-03-07

Si se quisiera usar esto en un sitio web autoalojado, parece que sería mejor una opción que tenga una función para "exportar" la parte HTML que no se puede modificar.
De todos modos, incluso si es un archivo HTML no editable, sigue siendo atractivo que baste con tener un solo archivo.