Vim.js NPM | npm.io

Intro

Simple and lightweight Vim for web textarea and input field, to improve writing experience on web.

Demo here

Note:

This project is not to replace powerful IDEs on web pages, but rather as a web side writing(such as blogging, writing notes, ect.) of enhancements.
This project is in development, there will be some improvements and new features.
Please use the vim instructions in the English input method.

demo gif

中文文档

Usage

The vim.min.js only 19kb, and no any dependencies.

<script src="/path/to/vim.js"></script>
<script type="text/javascript">
    vim.open({
        debug   : true,
        showMsg : function(msg){
            alert('vim.js say:' + msg);
        }
    });
</script>

Building

//install
npm install vim.js

//watch
npm run dev

//build
npm run build

//build min js file
npm run build_min

Browser support

Chrome v39
Firefox v34, v40
Safari

Note: Whether to support other browsers still unknown

Features

1. general mode

Command	Description
Esc	switch to general mode
u	returned to the previous operation
Move the cursor :
h or ←	move left one character
j or ↓	move down one line
k or ↑	move up one line
l or →	move right one character
supported nh,nj,nk,nl
0 or HOME	move to head of line
$ or End	move to end of line
G	go to end
gg	go to first line
delete, copy and paste:
x or Delete	delete single character
nx or nDelete	delete `n` characters
yy	copy current line
nyy	copy `n` lines
dd	delete current line
ndd	delete `n` lines
p,P	`p` paste after，`P` paste before
w or W	move to next word
supported nw and nW
yw	copy one word
nyw	copy `n` words
dw	delete one word
ndw	delete `n` words