mirror of
https://github.com/renbaoshuo/S2OJ.git
synced 2024-12-24 13:01:53 +00:00
96d4a3ecf7
Due to historical reasons, the code is in subfolder "1". With SVN removal, we place the code back and remove the annoying "1" folder.
63 lines
1.8 KiB
HTML
63 lines
1.8 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Visible tabs demo</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../doc/docs.css">
|
|
|
|
<link rel="stylesheet" href="../lib/codemirror.css">
|
|
<script src="../lib/codemirror.js"></script>
|
|
<script src="../mode/clike/clike.js"></script>
|
|
<style type="text/css">
|
|
.CodeMirror {border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
|
|
.cm-tab {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
</style>
|
|
<div id=nav>
|
|
<a href="http://codemirror.net"><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/marijnh/codemirror">Code</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a class=active href="#">Visible tabs</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Visible tabs demo</h2>
|
|
<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>
|
|
|
|
<p>Tabs inside the editor are spans with the
|
|
class <code>cm-tab</code>, and can be styled.</p>
|
|
|
|
<script>
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
lineNumbers: true,
|
|
tabSize: 4,
|
|
indentUnit: 4,
|
|
indentWithTabs: true,
|
|
mode: "text/x-csrc"
|
|
});
|
|
</script>
|
|
|
|
</article>
|