Vim.js Demo

Vim-style modal editing for standard HTML textareas and inputs — click below and try it out.

GENERAL

Welcome to the Vim.js interactive demo!
========================================

Try these commands to get started:

MOVE
  h / j / k / l    Move left / down / up / right
  w / b            Next word / previous word
  0 / $            Start / end of line
  gg / G           Top / bottom of document
  f{char}          Jump to character on line
  { / }            Previous / next paragraph

INSERT MODE
  i / a            Insert before / after cursor
  I / A            Insert at line start / end
  o / O            Open line below / above
  Esc              Return to general mode

QUICK EDITS
  x                Delete character under cursor
  r                Replace single character
  dd               Delete current line
  cc               Change current line
  C                Change to end of line
  .                Repeat last edit

COPY & PASTE
  yy               Yank (copy) current line
  p / P            Paste after / before cursor

SEARCH
  /query           Search forward
  n / N            Next / previous match
  * / #            Search word under cursor

UNDO & REDO
  u                Undo
  Ctrl+r           Redo

Try editing this text! Press i to start typing,
then Esc to return to general mode.

Single-line input — Vim.js works here too

Quick Reference

Move

h j k l move cursor
w b next / prev word
0 $ line start / end
gg G file start / end
fchar jump to character
{ } prev / next paragraph

Enter Insert Mode

i before cursor / a after
I line start / A line end
o new line below
O new line above
Esc back to general mode

Delete & Change

x delete char
dd delete line
dw delete word
cc change line
C change to end of line
r replace single char
s substitute char

Copy, Paste & Undo

yy yank (copy) line
p paste after / P before
u undo
Ctrl+r redo
. repeat last edit

Search

/query search forward
n N next / prev match
* # search word at cursor

Visual Mode

v start selecting
y yank / d delete
c change selection

Vim.js supports many more bindings — text objects (diw, ci", da(), WORD motions, count prefixes, and more. See the full list on GitHub.

View on GitHub