codemirror5/demo/emacs.html at master · codemirror/codemirror5 · GitHub

Name: codemirror5/demo/emacs.html at master · codemirror/codemirror5 · GitHub
Rating: 4.8 (5472 reviews)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!doctype html>

<title>CodeMirror: Emacs bindings demo</title>
<metacharset="utf-8"/>
<linkrel=stylesheethref="../doc/docs.css">

<linkrel="stylesheet" href="../lib/codemirror.css">
<linkrel="stylesheet" href="../addon/dialog/dialog.css">
<scriptsrc="../lib/codemirror.js"></script>
<scriptsrc="../mode/clike/clike.js"></script>
<scriptsrc="../keymap/emacs.js"></script>
<scriptsrc="../addon/edit/matchbrackets.js"></script>
<scriptsrc="../addon/comment/comment.js"></script>
<scriptsrc="../addon/dialog/dialog.js"></script>
<scriptsrc="../addon/search/searchcursor.js"></script>
<scriptsrc="../addon/search/search.js"></script>
<style>
 .CodeMirror {border-top:1px solid #eee; border-bottom:1px solid #eee;}
</style>
<divid=nav>
<ahref="https://codemirror.net/5"><h1>CodeMirror</h1><imgid=logosrc="../doc/logo.png"></a>

<ul>
<li><ahref="../index.html">Home</a>
<li><ahref="../doc/manual.html">Manual</a>
<li><ahref="https://github.com/codemirror/codemirror5">Code</a>
</ul>
<ul>
<li><aclass=activehref="#">Emacs bindings</a>
</ul>
</div>

<article>
<h2>Emacs bindings demo</h2>
<form><textareaid="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>

<p>The emacs keybindings are enabled by
including <ahref="../keymap/emacs.js">keymap/emacs.js</a> and setting
the <code>keyMap</code> option to <code>"emacs"</code>. Because
CodeMirror's internal API is quite different from Emacs, they are only
a loose approximation of actual emacs bindings, though.</p>

<p>Also note that a lot of browsers disallow certain keys from being
captured. For example, Chrome blocks both Ctrl-W and Ctrl-N, with the
result that idiomatic use of Emacs keys will constantly close your tab
or open a new window.</p>

<script>
CodeMirror.commands.save=function(){
varelt=editor.getWrapperElement();
elt.style.background="#def";
setTimeout(function(){elt.style.background="";},300);
};
vareditor=CodeMirror.fromTextArea(document.getElementById("code"),{
lineNumbers: true,
mode: "text/x-csrc",
matchBrackets: true,
keyMap: "emacs"
});
</script>

</article>