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.

中文文档

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 n[Delete] | 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 |

2. edit mode

| Command | Description | | ----- | ----------------------- | | i | insert | | a | append | | o | open line below and enter edit mode | | O | open line after and enter edit mode | | r | replace one character |

3. visual mode

| Command | Description | | ----- | ----------------------- | | v or V | switch ot visual mode | | y | copy the selected text | | x or d | delete the selected text|