shraklor / Vim.js

simple vim for textarea and input

Intro

Simple vim for web textarea and input field, to improve writing experience on web. It is like writing with vim users with smooth writing experience and efficient web-side without the need to install any browser plug-ins.

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.

• The vim command should used in english input method.

中文文档

Usage

<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, support multiple text field independent recovery/input box
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

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