doersino/markdeep-diagram-drafting-board

Draft Markdeep diagrams with a live-updating preview overlaid onto your source code.

markdeep-diagram-drafting-board

Draft Markdeep diagrams with a live-updating preview overlaid onto your source code.

Try it out here: https://doersino.github.io/markdeep-diagram-drafting-board/

Your source and settings are continually written to local storage, so – barring browser bugs – they will be restored when you close and reopen the page. Your data isn't sent anywhere else.

With minor changes, you can use this tool to make generative art – see this Gist for the code and instructions, and this Twitter thread for examples.

markdeep-diagram-drafting-board's Issues

Enable tab key to input four spaces and implement an overwrite mode

It would be neat if pressing the tab key inserted four spaces. Related Stack Overflow thread: https://stackoverflow.com/questions/6637341/use-tab-to-indent-in-textarea

Additionally, an overwrite mode (where typing overwrites the character right of the caret instead of inserting a character at the caret position) would be handy.

So would be a way of automatically inserting spaces between the last non-space character of each line and the right edge of the textarea. But this is probably fraught with problems (when the user resizes the window, or when long lines that must wrap [which is a visual issue as things are, anyway] are present, etc.).

Addressing these three points would leave the diagram drafting board feature-complete, as far as I'm concerned. (Perhaps a tiny pop-up "syntax" reference linked from the sidebar wouldn't hurt, either.)

If anyone would like to tackle these issues, please get in touch!