|
|
<!doctype html>
<title>CodeMirror: Vim bindings demo</title><meta charset="utf-8"/><link rel=stylesheet href="../doc/docs.css">
<link rel="stylesheet" href="../lib/codemirror.css"><link rel="stylesheet" href="../addon/dialog/dialog.css"><link rel="stylesheet" href="../theme/midnight.css"><link rel="stylesheet" href="../theme/solarized.css"><script src="../lib/codemirror.js"></script><script src="../addon/dialog/dialog.js"></script><script src="../addon/search/searchcursor.js"></script><script src="../mode/clike/clike.js"></script><script src="../addon/edit/matchbrackets.js"></script><script src="../keymap/vim.js"></script><style> .CodeMirror {border-top: 1px solid #eee; border-bottom: 1px solid #eee;} </style><div id=nav> <a href="https://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../doc/logo.png"></a>
<ul> <li><a href="../index.html">Home</a> <li><a href="../doc/manual.html">Manual</a> <li><a href="https://github.com/codemirror/codemirror">Code</a> </ul> <ul> <li><a class=active href="#">Vim bindings</a> </ul></div>
<article><h2>Vim bindings demo</h2>
<p><strong style="color: #c33; text-decoration: none">Note:</strong> The CodeMirror vim bindings do not have anactive maintainer. That means that if you report bugs in it, they arelikely to go unanswered. It also means that if you want to help, youare very welcome to lookat <a href="https://github.com/codemirror/codemirror/issues?q=is%3Aissue+is%3Aopen+label%3Avim">theopen issues</a> and see which ones you can solve.</p>
<form><textarea id="code" name="code">#include "syscalls.h"/* getchar: simple buffered version */int getchar(void){ static char buf[BUFSIZ]; static char *bufp = buf; static int n = 0; if (n == 0) { /* buffer is empty */ n = read(0, buf, sizeof buf); bufp = buf; } return (--n >= 0) ? (unsigned char) *bufp++ : EOF;}</textarea></form><div style="font-size: 13px; width: 300px; height: 30px;">Key buffer: <span id="command-display"></span></div>
<p>The vim keybindings are enabled by including <code><ahref="../keymap/vim.js">keymap/vim.js</a></code> and setting the<code>keyMap</code> option to <code>vim</code>.</p>
<p><strong>Features</strong></p>
<ul> <li>All common motions and operators, including text objects</li> <li>Operator motion orthogonality</li> <li>Visual mode - characterwise, linewise, blockwise</li> <li>Full macro support (q, @)</li> <li>Incremental highlighted search (/, ?, #, *, g#, g*)</li> <li>Search/replace with confirm (:substitute, :%s)</li> <li>Search history</li> <li>Jump lists (Ctrl-o, Ctrl-i)</li> <li>Key/command mapping with API (:map, :nmap, :vmap)</li> <li>Sort (:sort)</li> <li>Marks (`, ')</li> <li>:global</li> <li>Insert mode behaves identical to base CodeMirror</li> <li>Cross-buffer yank/paste</li></ul>
<p>For the full list of key mappings and Ex commands, refer to the<code>defaultKeymap</code> and <code>defaultExCommandMap</code> at thetop of <code><a href="../keymap/vim.js">keymap/vim.js</a></code>.
<p>Note that while the vim mode tries to emulate the most usefulfeatures of vim as faithfully as possible, it does not strive tobecome a complete vim implementation</p>
<script> CodeMirror.commands.save = function(){ alert("Saving"); }; var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, mode: "text/x-csrc", keyMap: "vim", matchBrackets: true, showCursorWhenSelecting: true, inputStyle: "contenteditable" }); var commandDisplay = document.getElementById('command-display'); var keys = ''; CodeMirror.on(editor, 'vim-keypress', function(key) { keys = keys + key; commandDisplay.innerHTML = keys; }); CodeMirror.on(editor, 'vim-command-done', function(e) { keys = ''; commandDisplay.innerHTML = keys; }); </script>
</article>
|
