vim.js VS ace

I've actually just added Vim to my "OS". Hoping to do a video on it shortly. I used https://github.com/coolwanglu/vim.js.

Then, I'd probably start studying a few different things.... First, RiftSketch itself, to try to figure out where changing controls would even happen. You'll likely end up having to rework a bit of it. Then if you're not sure how to actually program the controls, maybe look into how other things have implemented vim-like controls. There have been several browser extensions to do that, and plugins for a lot of popular IDEs, too. Looking through those should be somewhat easier than looking through Vim, since they're specifically about what you're trying to do (adding vim-like controls, albeit onto a different program). There have been various Vim-in-javascript implementations in the past, too, though I don't know how overkill those will be for your purposes. Maybe adapting one of those might work better for you than making vim-like interface from scratch? A few that I just found quickly: https://github.com/coolwanglu/vim.js https://github.com/itsjoesullivan/js-vim https://github.com/akahuku/wasavi https://github.com/thoughtbot/vimulator

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.