A 9KB (3KB gzip) single HTML notebook, perfect for minimalists

nanomonkey 221 days ago |

Or you can just put the following in the url bar of your browser (Ctr-s to save):

data:text/html, <html contenteditable>

chunqiuyiyu 221 days ago | |

That's a helpful tip.

progre 221 days ago |

Bug: If you put a space as the title, you can't edit the note later because the post is not clickable.

chunqiuyiyu 221 days ago | |

Thanks! It is a bug, I will fix it.

yardshop 221 days ago |

It was not obvious to me that I needed to click the New button first. I clicked around everywhere else and tried typing and no go. Then after clicking New and getting a text area, it made sense and I said "well of course".

So maybe not too many other people had this problem, but perhaps the top line could say "Click New, then just write." =)

And/or start the page off with a note that describes the basic process:

"click new, write, and click Publish to finish the note, then click Save to save it to index.html on your system"

When I went back to edit a note, Publish didn't work for me.

Trying this in Vivaldi, I didn't try on another browser yet.

chunqiuyiyu 221 days ago | |

Thank you very much for your trial and suggestions. I will add more detailed usage instructions to the page. After editing, please remember to click the "Publish" button again.

yjftsjthsd-h 222 days ago |

Well, it does what it says on the tin:)

https://github.com/chunqiuyiyu/xie?tab=readme-ov-file#prereq... says it needs NodeJS; is that just for building? Could you make a release on github that includes it as a single .html file that could be downloaded and used with no deps but a browser?

Alejandro9R 221 days ago | |

https://github.com/chunqiuyiyu/xie/tree/gh-pages

in the gh-pages branch you have the final index.html. You can also literally download/save the page as well, should be the same.

It does not use any other deps than the final index.html

Now, speaking about the project itself, maybe it would be good if the notes get also saved into localStorage in some way. One browser refresh or reboot and it all goes away if it wasn't saved.

chunqiuyiyu 221 days ago | | |

Thank you! I’ll make sure to store the newly created notes in local storage.

arecsu 221 days ago | | |

Please, you're welcome! Local storage will definitively make it much better. Preserve the save feature so it is portable from browser to browser/computer or even shared across people!

SLWW 221 days ago | | |

if it auto saved to local storage then it would 100% be a daily use Markdown capable editor

chunqiuyiyu 221 days ago | | |

That's an excellent suggestion — I'll make sure to add this feature.

jayknight 221 days ago | | |

You are obviously not a minimalist /s

chunqiuyiyu 221 days ago | |

You can click the "Save" button to save the entire page to your own notebook. Node.js is used only for development and deployment purposes.

az09mugen 221 days ago |

Interesting project ! Tried it on brave mobile Android and it does the job. Just so you know, when I edited the note I wrote in markdown, the note is now in html. But I guess this would mean add a html to markdown converter to the page. I get the minimalist concept, and I sense this could be a daily driver for many.

chunqiuyiyu 221 days ago | |

Thanks, That's a good suggestion—I’ll consider it. For me, since I might not edit content frequently, I just added a simple Markdown-to-HTML conversion.

rcarmo 221 days ago |

I did something similar that I use as a home page dashboard: https://github.com/rcarmo/onepage-by-spec

Might add notes to it too, now that I think about it.

chunqiuyiyu 221 days ago | |

It seems user-friendly, I like it!

mossTechnician 221 days ago |

This is an interesting project. I'm glad to see Markdown is supported. I was surprised that there is no persistent storage of notes, though (at least not on my device).

chunqiuyiyu 221 days ago | |

Every time you add new content, you should make sure to click the "Save" button to store the page locally.

ottoflux 221 days ago |

not a dig, but it reminds me of how much i used to like tiddly wiki.

https://tiddlywiki.com/

chunqiuyiyu 221 days ago | |

Actually, this was inspired by TiddlyWiki, but I wanted to make it more lightweight—so I built this myself.

tomekf 221 days ago |

Is there a way to use it offline on iOS? I’ve saved a file to my Files app but the I’m unable to save… or I’m missing something completely…?

chunqiuyiyu 221 days ago | |

What browser are you using? Could it be that your browser is blocking the content from being saved? I'm able to save normally using Safari on my iPad.