golden hour
/home/phakp/public_html/formtools/global/codemirror/demo
⬆️ Go Up
Upload
File/Folder
Size
Actions
activeline.html
3.16 KB
Del
OK
anywordhint.html
2.62 KB
Del
OK
bidi.html
4.81 KB
Del
OK
btree.html
2.89 KB
Del
OK
buffers.html
3.48 KB
Del
OK
changemode.html
1.68 KB
Del
OK
closebrackets.html
1.64 KB
Del
OK
closetag.html
1.26 KB
Del
OK
complete.html
4.19 KB
Del
OK
emacs.html
2.42 KB
Del
OK
folding.html
4.13 KB
Del
OK
fullscreen.html
3.38 KB
Del
OK
hardwrap.html
2.51 KB
Del
OK
html5complete.html
1.73 KB
Del
OK
indentwrap.html
2.52 KB
Del
OK
lint.html
3.98 KB
Del
OK
loadmode.html
2.17 KB
Del
OK
marker.html
1.45 KB
Del
OK
markselection.html
1.83 KB
Del
OK
matchhighlighter.html
4.72 KB
Del
OK
matchtags.html
1.34 KB
Del
OK
merge.html
4.08 KB
Del
OK
multiplex.html
2.11 KB
Del
OK
mustache.html
2.05 KB
Del
OK
panel.html
3.38 KB
Del
OK
placeholder.html
1.47 KB
Del
OK
preview.html
2.36 KB
Del
OK
requirejs.html
2.27 KB
Del
OK
resize.html
1.33 KB
Del
OK
rulers.html
1.39 KB
Del
OK
runmode.html
2.21 KB
Del
OK
search.html
4.44 KB
Del
OK
simplemode.html
7.9 KB
Del
OK
simplescrollbars.html
4.89 KB
Del
OK
spanaffectswrapping_shim.html
2.97 KB
Del
OK
sublime.html
2.78 KB
Del
OK
tern.html
4.37 KB
Del
OK
theme.html
6.04 KB
Del
OK
trailingspace.html
1.53 KB
Del
OK
variableheight.html
2.02 KB
Del
OK
vim.html
3.88 KB
Del
OK
visibletabs.html
1.82 KB
Del
OK
widget.html
2.87 KB
Del
OK
xmlcomplete.html
3.62 KB
Del
OK
Edit: hardwrap.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"><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="#">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}, changing = false; editor.on("change", function(cm, change) { if (changing) return; clearTimeout(wait); wait = setTimeout(function() { changing = true; cm.wrapParagraphsInRange(change.from, CodeMirror.changeEnd(change), options); changing = false; }, 200); }); </script> </article>
Save