Nash, des notes fonctionnant dans un seul fichier HTML

Je souhaite partager ce petit projet que j’ai réalisé récemment.

Nash repose sur le concept de « Note as HTML », pensé pour qu’un unique fichier HTML puisse être à la fois un éditeur et un document en lui-même.

Dès lors qu’on dispose d’un navigateur, il est possible de travailler en local sans contrainte, en ligne comme hors ligne. La personne qui reçoit le document partagé peut aussi télécharger ce HTML, le modifier, l’enregistrer à nouveau et le repartager, sans inscription ni installation de logiciel.

Il est également possible de coller des images depuis le presse-papiers pour les joindre à la note, et quelques fonctions d’édition très légères sont implémentées, ce qui le rend adapté à la rédaction de textes simples.

Cela dit, comme la fonction d’enregistrement du navigateur ne permet pas facilement d’écraser un fichier existant, on se retrouve avec une gestion de versions involontaire du type monfichier, monfichier (1), monfichier (2)... J’ai aussi réfléchi à l’amélioration des fonctions de l’éditeur, mais il y a malheureusement beaucoup de limites.

Côté ergonomie, je reconnais moi-même qu’il y a encore beaucoup de points faibles, mais cela pourrait convenir pour un blog auto-hébergé, un petit manuel, ou encore des contenus longs avec des images.

N’hésitez pas à y jeter un œil, et si vous avez des idées d’autres usages possibles, je vous serais reconnaissant de me les suggérer.

[ifmkl]

J’utilise très bien ce formidable projet que vous avez partagé comme éditeur de générateur de site statique pour mon auto-hébergement. Merci !

[nemorize]

C’est vraiment génial... ! Étoile boum !

• Quand le titre est vide, il y a un phénomène où le titre du navigateur est défini sur \n~

[lunamoth]

Ça me rappelle TiddlyWiki. Une présentation en trois colonnes pour les dossiers, les documents et le contenu des documents pourrait aussi être intéressante.

[kunggom]

Puisque j’y pensais, j’ai cherché s’il existait d’autres outils similaires à TiddlyWiki, et je suis tombé sur Feather Wiki. C’est un outil ultra-léger dont la taille du fichier HTML vide ne dépasse même pas 60 KB.

[laeyoung]

C’est simple tout en étant superbe !!

[coremaker]

C’est impressionnant.
Cela dit, lorsqu’il faut faire du copier-coller de données HTML avec des styles trop complexes, ce serait encore mieux de passer par un simple processus de normalisation.

[biyott]

C’est impressionnant. Je vais devoir y jeter un œil ce week-end. Je me dis que ce serait encore mieux si on y ajoutait quelques concepts existants.

[halfenif]

C’est un avis personnel, mais.

• On dirait que la première ligne est utilisée comme nom de fichier. Dans ce cas, il serait bien d’avoir quelque chose qui indique à l’utilisateur qu’il s’agit du nom de fichier, que ce soit un libellé ou une icône.
• Concernant le nom de fichier, il peut y avoir plusieurs avis, mais ce serait bien de définir une règle simple et de l’appliquer.
  règle : nom de fichier + date et heure ISO + extension
  ex : Hello, This is Nash.2025-03-07 13.47.09.html
  C’est quand même un peu dommage de ne pas pouvoir utiliser : dans le nom de fichier.

[keepworking]

Je trouve que mettre des informations temporelles dans le nom du fichier lors de l’enregistrement est une excellente idée.
Ça semble aussi être un bon moyen de compenser l’inconvénient de ne pas pouvoir écraser le fichier.

Merci pour votre précieux avis.

[kunggom]

Ça me fait un peu penser à TiddlyWiki.
Personnellement, j’aimerais bien avoir une fonction qui donne un rendu un peu plus propre à l’impression, ainsi qu’une option pour afficher certaines parties en police à chasse fixe. Ce serait encore mieux si la barre d’outils indiquait les raccourcis via des infobulles, ou si une page d’aide expliquait les raccourcis clavier.
Je pense aussi que ce serait pas mal, dans le fichier HTML généré, de regrouper autant que possible la partie code en haut et de faire apparaître le contenu le plus bas possible, même si je me demande s’il y aura vraiment souvent besoin d’éditer directement le code HTML à ce point. Quoi qu’il en soit, garder sous la main un fichier vide de ce type pourrait s’avérer utile selon les cas.

[keepworking]

Merci pour votre retour.

• Raccourcis clavier, infobulles
• Police à chasse fixe (code)
• Augmenter / réduire le retrait
• Export en lecture seule

Ce sont clairement des éléments qui rendraient le tout bien meilleur ; je vais en tenir compte pour continuer à l’améliorer.

[kunggom]

Une autre fonctionnalité qui me vient à l’esprit est la prise en charge de l’augmentation/de la diminution du retrait.
Il m’est arrivé que, lorsque je devais rédiger un texte assez long, il soit utile de mettre en avant certaines parties en les indentant, par exemple.

[kunggom]

Si l’on voulait l’utiliser sur un site web auto-hébergé, il vaudrait sans doute mieux choisir une solution qui propose une fonction d’« export » pour la partie HTML non modifiable.
Quoi qu’il en soit, même s’il s’agit d’un fichier HTML non éditable, le fait qu’un seul fichier suffise reste séduisant.