box-line-text

I did something similar in a simple whiteboarding app that I made a while back: https://github.com/jncraton/box-line-text The data representation could probably improve in terms of readability, but I'm happy with the way it provides a concise encoding while still including the text from the document directly: https://box-line-text.netlify.app/#;c2121Hello;5321;c1341Hac...!

This looks great. Thanks for sharing! If folks are interested in this sort of thing, I also maintain an extremely minimalist open source whiteboarding tool: https://github.com/jncraton/box-line-text

Box line Text sort of does what I want. https://github.com/jncraton/box-line-text The blank or edit file can be saved locally as URL or .HTM file and can be reloaded and continue to be edited. The UI is missing help, its only on the github page. Since its just a html file I embedded the help in a comment in the page. I just view source to look it up. It only adds a few hundred byte to each file. Some functions don't work for me. When I get a round tuit I will will try to figure out how it works. In spite of this it is enough to create impromptu drawings to support a lecture. I save them and give it to the students as part of the notes.

Looks pretty great but IMHO whiteboarding without arrows is not super ideal. While I'd still prefer Excalidraw for screencasts, its nice to see how much can be done in a few lines of JS[1] [0] https://excalidraw.com [1] https://github.com/jncraton/box-line-text/blob/master/src/in...