mirror of
https://github.com/renbaoshuo/S2OJ.git
synced 2024-12-23 18:31:52 +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.
127 lines
4.3 KiB
HTML
127 lines
4.3 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Theme Demo</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../doc/docs.css">
|
|
|
|
<link rel="stylesheet" href="../lib/codemirror.css">
|
|
<link rel="stylesheet" href="../theme/3024-day.css">
|
|
<link rel="stylesheet" href="../theme/3024-night.css">
|
|
<link rel="stylesheet" href="../theme/ambiance.css">
|
|
<link rel="stylesheet" href="../theme/base16-dark.css">
|
|
<link rel="stylesheet" href="../theme/base16-light.css">
|
|
<link rel="stylesheet" href="../theme/blackboard.css">
|
|
<link rel="stylesheet" href="../theme/cobalt.css">
|
|
<link rel="stylesheet" href="../theme/eclipse.css">
|
|
<link rel="stylesheet" href="../theme/elegant.css">
|
|
<link rel="stylesheet" href="../theme/erlang-dark.css">
|
|
<link rel="stylesheet" href="../theme/lesser-dark.css">
|
|
<link rel="stylesheet" href="../theme/mbo.css">
|
|
<link rel="stylesheet" href="../theme/mdn-like.css">
|
|
<link rel="stylesheet" href="../theme/midnight.css">
|
|
<link rel="stylesheet" href="../theme/monokai.css">
|
|
<link rel="stylesheet" href="../theme/neat.css">
|
|
<link rel="stylesheet" href="../theme/neo.css">
|
|
<link rel="stylesheet" href="../theme/night.css">
|
|
<link rel="stylesheet" href="../theme/paraiso-dark.css">
|
|
<link rel="stylesheet" href="../theme/paraiso-light.css">
|
|
<link rel="stylesheet" href="../theme/pastel-on-dark.css">
|
|
<link rel="stylesheet" href="../theme/rubyblue.css">
|
|
<link rel="stylesheet" href="../theme/solarized.css">
|
|
<link rel="stylesheet" href="../theme/the-matrix.css">
|
|
<link rel="stylesheet" href="../theme/tomorrow-night-eighties.css">
|
|
<link rel="stylesheet" href="../theme/twilight.css">
|
|
<link rel="stylesheet" href="../theme/vibrant-ink.css">
|
|
<link rel="stylesheet" href="../theme/xq-dark.css">
|
|
<link rel="stylesheet" href="../theme/xq-light.css">
|
|
<script src="../lib/codemirror.js"></script>
|
|
<script src="../mode/javascript/javascript.js"></script>
|
|
<script src="../addon/selection/active-line.js"></script>
|
|
<script src="../addon/edit/matchbrackets.js"></script>
|
|
<style type="text/css">
|
|
.CodeMirror {border: 1px solid black; font-size:13px}
|
|
</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="#">Theme</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Theme Demo</h2>
|
|
<form><textarea id="code" name="code">
|
|
function findSequence(goal) {
|
|
function find(start, history) {
|
|
if (start == goal)
|
|
return history;
|
|
else if (start > goal)
|
|
return null;
|
|
else
|
|
return find(start + 5, "(" + history + " + 5)") ||
|
|
find(start * 3, "(" + history + " * 3)");
|
|
}
|
|
return find(1, "1");
|
|
}</textarea></form>
|
|
|
|
<p>Select a theme: <select onchange="selectTheme()" id=select>
|
|
<option selected>default</option>
|
|
<option>3024-day</option>
|
|
<option>3024-night</option>
|
|
<option>ambiance</option>
|
|
<option>base16-dark</option>
|
|
<option>base16-light</option>
|
|
<option>blackboard</option>
|
|
<option>cobalt</option>
|
|
<option>eclipse</option>
|
|
<option>elegant</option>
|
|
<option>erlang-dark</option>
|
|
<option>lesser-dark</option>
|
|
<option>mbo</option>
|
|
<option>mdn-like</option>
|
|
<option>midnight</option>
|
|
<option>monokai</option>
|
|
<option>neat</option>
|
|
<option>neo</option>
|
|
<option>night</option>
|
|
<option>paraiso-dark</option>
|
|
<option>paraiso-light</option>
|
|
<option>pastel-on-dark</option>
|
|
<option>rubyblue</option>
|
|
<option>solarized dark</option>
|
|
<option>solarized light</option>
|
|
<option>the-matrix</option>
|
|
<option>tomorrow-night-eighties</option>
|
|
<option>twilight</option>
|
|
<option>vibrant-ink</option>
|
|
<option>xq-dark</option>
|
|
<option>xq-light</option>
|
|
</select>
|
|
</p>
|
|
|
|
<script>
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
lineNumbers: true,
|
|
styleActiveLine: true,
|
|
matchBrackets: true
|
|
});
|
|
var input = document.getElementById("select");
|
|
function selectTheme() {
|
|
var theme = input.options[input.selectedIndex].innerHTML;
|
|
editor.setOption("theme", theme);
|
|
}
|
|
var choice = document.location.search &&
|
|
decodeURIComponent(document.location.search.slice(1));
|
|
if (choice) {
|
|
input.value = choice;
|
|
editor.setOption("theme", choice);
|
|
}
|
|
</script>
|
|
</article>
|