HyperMD VS ace

I would suggest looking at HyperMD (https://github.com/laobubu/HyperMD), because it is a good "kitchen sink" example of what can be done with CodeMirror. Unfortunately the author's site is down right now, which means the demos and examples are not available.

You can do some interesting non-code things with CodeMirror.

HyperMD[0] is probably the craziest (in a good way) thing I've seen done with CodeMirror.

[0] https://laobubu.net/HyperMD/#./docs/zh-CN/README.md and https://github.com/laobubu/HyperMD

I used a note system built on top of Fossil as my primary system for quite a while. Here are the details in case anyone is interested.

Fossil allows CGI extensions[1]. There's a database for tickets, but that's just a regular SQLite table that you can use to store anything you want, and it's version controlled and queryable. I stored the notes plus metadata in the tickets database. The CGI returned HTML with the Ace editor for creating/editing notes.[2] Notes were stored using the command line.[3] I needed to add the web server user to the sudoers file to access the Fossil binary.

There were two reasons to use Fossil for this. The biggest was that it handled authentication. The second is that I had a version controlled database to do all the work for me.

I think I eventually moved away from it because I prefer working locally. The "transition" was dumping the data out of the database and into markdown files.

[1] https://fossil-scm.org/home/doc/trunk/www/serverext.wiki

[2] https://ace.c9.io/

[3] https://fossil-scm.org/home/help?cmd=ticket

Ace editor -> https://ace.c9.io/

Hey there! Thanks for reaching out. Writing a code editor with syntax highlighting in a browser can be a little tricky, but it's definitely doable. One resource that might be helpful is the Ace Editor library (https://ace.c9.io/). It's a lightweight but powerful editor that includes syntax highlighting for a huge range of languages. You could also check out CodeMirror (https://codemirror.net/), which is another popular library for building web-based code editors. Good luck, and let us know how it goes!

neocities seems to use the ace editor, and you can view its default keybinds here: https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts

The frontend uses the ace editor for syntax highlighting and then sends all the "text" you have typed to a python backend. The backend then writes all the text to a temporary directory and calls the compiler using subprocess (something similar to os.system).

It is built using Reveal.js and Ace, and is a simple markdown presentation tool right in the browser.

https://github.com/ajaxorg/ace

It's a pretty complex JavaScript application but you can development and even run tests locally without ever needing to "build". I'm building a JavaScript-based text editor, too, and it also uses Makefile and you can just run a static file server such as Python SimpleHTTPServer to host all the files in the directory. I still have and componentized HTML/CSS, separated JS files.

Thanks for the suggestion! Although Ace is not the most popular kid in the block, it is still maintained. It does support tmLanguage and could be used for a proof-of-concept editor!

For the code editing you can use Ace.