Vim Online Editor

Check out my main website: Self Hosted Email Server and programmerhat.com. Is there a feature or service you're willing to pay for? Got a feature request? I'd love to hear it! I'm on Twitter @programmerhat, or email hello@programmerhat.com.

Hey! LOTS of exciting new features are being still developed! Open sourced on: Github: programmerhat/vim-online-editor

NOTE that this is downloading 2 MB, so give it a second for it to fully download.

To open a file, you can drag & drop file into the canvas/vim frame, and it will open. I'm working on adding a "Open From Computer" button.

Other apps of mine

Shopify apps Jira plugins

Changelog

We used github.com/rhysd/vim.wasm as a starting point. However there were a lot of missing stuff. This is a changelog of stuff we added.

Vim Editor Online TODO

"github.com/rhysd/vim.wasm" is a great starting point. However we plan on adding a lot more features to make this as good as the vim you're used to. This is our TODO list.

Is this also a "Vi Online Editor"?

Yes, this is a "Vi Online Editor", or "Vi Editor Online" if you prefer that order. This web app is a direct compilation of vim, which has all the features of normal Vi, but more. This means that all the normal actions, keyboard shortcuts, motions that you are used to in Vi will also work in this Vi Online Editor. Because this web app will easily work in any web browser that supports wasm (which is most modern web browsers), you can also easily use this as a vi editor online for practice no matter where you are, whether it be a public library, on your phone, or at school. The best part is that this online vi editor is totally free.

What is the Vim Online Editor?

This is "Vim Online", a vim editor in browser. It's a online vim editor that allows you can install your vimrc, and this app will remember your vimrc between visits to a vim editor online.

The Online Vim Editor is building off groundbreaking efforts by @rhysd and @coolwanglu to bring vim to the browser.

While those projects did a great job getting started on an online vim editor, there are still many missing pieces. The most important missing feature in my opinion is being able to install a vimrc to your vim editor online get back all the keybindings you're used to.

Another really important missing feature of a vim editor online is being able to save files easily and navigate between files easily.

Another really important feature of a vim editor online is being able to git clone a repo into the browser.

What would really be cool is being able to edit files from the filesystem, using the WASI API.

Even if direct access to the filesystem isn't possible, an autosync with the source code so that you could easily test the code would be super cool.

What is the vision for the Vim Editor Online?

I'm thinking this is going to take inspiration from these projects:

This project is going to use vim.wasm as a starting point because that project actually supports clipboard.

Unfortunately, the vim.wasm project by rhysd appears not to have had any serious progress for several years. Not since Sep 18, 2021. I last checked Dec 16, 2022.

Who made the Vim Online Editor?

"Vim Online" was built by the lovely folks at programmerhat.com.

We happen to be huge Vim enthusiasts ourselves. Using Vim for many years. It's the best editor in the world.

And of course we're software engineers! We like building software.

What we'd LOVE to hear from you are FEATURE REQUESTS! We know there's a lot of work needed to make this as good as the Vim you're used to in the terminal. So interact with me on Twitter @programmerhat or send an email to hello@programmerhat.com

How to use Vim Online Editor?

If you've got your own vimrc, you'll probably want to install that straight away. Click on "Load vimrc", then copy your vimrc, and click "Paste" to install your vimrc. Do ":write" and reload the tab. The vimrc will be installed.

Caveat is that this app currently does not support plugins.

Then just click the vim box and you're good to go!

It's free. Doesn't cost anything. There will be some ads to help fund feature development. There are a lot of features I want to build.

Why use Vim Online Editor?

  1. Because you love vim.
  2. Because you don't have access to vim somehow (maybe you're on a Chromebook that doesn't allow access to the system)
  3. Especially if you're on Windows and you still want to use vim.
  4. Because you want a notepad of some sort in the browser, and you want to use vim bindings instead of normal notepad.

    1. Copyright © Vim Online Editor® v1.0 Privacy Policy | Terms | Contact Us