mirror of
https://github.com/renbaoshuo/S2OJ.git
synced 2024-11-25 22:38:40 +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.
73 lines
2.4 KiB
HTML
73 lines
2.4 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Hard-wrapping 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/markdown/markdown.js"></script>
|
|
<script src="../addon/wrap/hardwrap.js"></script>
|
|
<style type="text/css">
|
|
.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
|
|
</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="#">Hard-wrapping</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Hard-wrapping Demo</h2>
|
|
<form><textarea id="code" name="code">Lorem ipsum dolor sit amet, vim augue dictas constituto ex,
|
|
sit falli simul viderer te. Graeco scaevola maluisset sit
|
|
ut, in idque viris praesent sea. Ea sea eirmod indoctum
|
|
repudiare. Vel noluisse suscipit pericula ut. In ius nulla
|
|
alienum molestie. Mei essent discere democritum id.
|
|
|
|
Equidem ponderum expetendis ius in, mea an erroribus
|
|
constituto, congue timeam perfecto ad est. Ius ut primis
|
|
timeam, per in ullum mediocrem. An case vero labitur pri,
|
|
vel dicit laoreet et. An qui prompta conclusionemque, eam
|
|
timeam sapientem in, cum dictas epicurei eu.
|
|
|
|
Usu cu vide dictas deseruisse, eum choro graece adipiscing
|
|
ut. Cibo qualisque ius ad, et dicat scripta mea, eam nihil
|
|
mentitum aliquando cu. Debet aperiam splendide at quo, ad
|
|
paulo nostro commodo duo. Sea adhuc utinam conclusionemque
|
|
id, quas doming malorum nec ad. Tollit eruditi vivendum ad
|
|
ius, eos soleat ignota ad.
|
|
</textarea></form>
|
|
|
|
<p>Demonstration of
|
|
the <a href="../doc/manual.html#addon_hardwrap">hardwrap</a> addon.
|
|
The above editor has its change event hooked up to
|
|
the <code>wrapParagraphsInRange</code> method, so that the paragraphs
|
|
are reflown as you are typing.</p>
|
|
|
|
<script>
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
mode: "markdown",
|
|
lineNumbers: true,
|
|
extraKeys: {
|
|
"Ctrl-Q": function(cm) { cm.wrapParagraph(cm.getCursor(), options); }
|
|
}
|
|
});
|
|
var wait, options = {column: 60};
|
|
editor.on("change", function(cm, change) {
|
|
clearTimeout(wait);
|
|
wait = setTimeout(function() {
|
|
console.log(cm.wrapParagraphsInRange(change.from, CodeMirror.changeEnd(change), options));
|
|
}, 200);
|
|
});
|
|
</script>
|
|
|
|
</article>
|