/
usr
/
share
/
doc
/
libjs-codemirror
/
examples
/
/usr/share/doc/libjs-codemirror/examples
mkdir
upload
Name
Size
Mode
Actions
activeline.html
3343
0644
edit
dl
rm
anywordhint.html
2937
0644
edit
dl
rm
bidi.html
5000
0644
edit
dl
rm
btree.html
3008
0644
edit
dl
rm
buffers.html
3674
0644
edit
dl
rm
changemode.html
1825
0644
edit
dl
rm
closebrackets.html
1763
0644
edit
dl
rm
closetag.html
1619
0644
edit
dl
rm
complete.html
4504
0644
edit
dl
rm
emacs.html
2823
0644
edit
dl
rm
folding.html
6270
0644
edit
dl
rm
fullscreen.html
3617
0644
edit
dl
rm
hardwrap.html
2681
0644
edit
dl
rm
html5complete.html
2033
0644
edit
dl
rm
indentwrap.html
2687
0644
edit
dl
rm
loadmode.html
2362
0644
edit
dl
rm
marker.html
1563
0644
edit
dl
rm
markselection.html
1985
0644
edit
dl
rm
matchhighlighter.html
5007
0644
edit
dl
rm
matchtags.html
1512
0644
edit
dl
rm
multiplex.html
2303
0644
edit
dl
rm
mustache.html
2233
0644
edit
dl
rm
panel.html
3654
0644
edit
dl
rm
placeholder.html
1586
0644
edit
dl
rm
preview.html
2601
0644
edit
dl
rm
requirejs.html
2328
0644
edit
dl
rm
resize.html
1437
0644
edit
dl
rm
rulers.html
1483
0644
edit
dl
rm
runmode-standalone.html
2356
0644
edit
dl
rm
runmode.html
2420
0644
edit
dl
rm
search.html
5010
0644
edit
dl
rm
simplemode.html
8332
0644
edit
dl
rm
simplescrollbars.html
5227
0644
edit
dl
rm
spanaffectswrapping_shim.html
3073
0644
edit
dl
rm
sublime.html
3311
0644
edit
dl
rm
theme.html
7680
0644
edit
dl
rm
trailingspace.html
1646
0644
edit
dl
rm
variableheight.html
2175
0644
edit
dl
rm
vim.html
4428
0644
edit
dl
rm
visibletabs.html
1940
0644
edit
dl
rm
xmlcomplete.html
3872
0644
edit
dl
rm
Edit:
/usr/share/doc/libjs-codemirror/examples/simplescrollbars.html
(5227B)
<!doctype html> <title>CodeMirror: Simple Scrollbar Demo</title> <meta charset="utf-8"/> <link rel=stylesheet href="../html/docs.css"> <link rel="stylesheet" href="/usr/share/javascript/codemirror/lib/codemirror.css"> <link rel="stylesheet" href="/usr/share/javascript/codemirror/addon/scroll/simplescrollbars.css"> <script src="/usr/share/javascript/codemirror/lib/codemirror.js"></script> <script src="/usr/share/javascript/codemirror/mode/markdown/markdown.js"></script> <script src="/usr/share/javascript/codemirror/mode/xml/xml.js"></script> <script src="/usr/share/javascript/codemirror/addon/scroll/simplescrollbars.js"></script> <div id=nav> <a href="https://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../html/logo.png"></a> <ul> <li><a href="../index.html">Home</a> <li><a href="../html/manual.html">Manual</a> <li><a href="https://github.com/codemirror/codemirror">Code</a> </ul> <ul> <li><a class=active href="#">Simple Scrollbar</a> </ul> </div> <article> <h2>Simple Scrollbar Demo</h2> <form><textarea id="code" name="code"># Custom Scrollbars This is a piece of text that creates scrollbars Lorem ipsum dolor sit amet, turpis nec facilisis neque vestibulum adipiscing, magna nunc est luctus orci a, aliquam duis ad volutpat nostra. Vestibulum ultricies suspendisse commodo volutpat pede sed. Bibendum odio dignissim, ad vitae mollis ac sed nibh quis, suspendisse diam, risus quas blandit phasellus luctus nec, integer nunc vitae posuere scelerisque. Lobortis quam porta conubia nulla. Et nisl ac, imperdiet vitae ac. Parturient sit. Et vestibulum euismod, rutrum nunc libero mauris purus convallis. Cum id adipiscing et eget pretium rutrum, ultrices sapien magnis fringilla sit lorem, eu vitae scelerisque ipsum aliquet, magna sed fusce vel. Lectus ultricies libero dolor convallis, sed etiam vel hendrerit egestas viverra, at urna mauris, eget vulputate dolor voluptatem, nulla eget sollicitudin. Sed tincidunt, elit sociis. Mattis mi tortor dui id sodales mi, maecenas nam fringilla risus turpis mauris praesent, imperdiet maecenas ultrices nonummy tellus quis est. Scelerisque nec pharetra quis varius fringilla. Varius vestibulum non dictum pharetra, tincidunt in vestibulum iaculis molestie, id condimentum blandit elit urna magna pulvinar, quam suspendisse pellentesque donec. Vel amet ad ac. Nec aut viverra, morbi mi neque massa, turpis enim proin. Tellus eu, fermentum velit est convallis aliquam velit, rutrum in diam lacus, praesent tempor pellentesque dictum semper augue. Felis explicabo massa amet lectus phasellus dolor. Ut lorem quis arcu neque felis ultricies, senectus vitae curabitur sed pellentesque et, id sed risus in sed ac accumsan, blandit arcu quam duis nunc. Sed leo sollicitudin odio vitae, purus sit egestas, justo eros inceptos auctor fermentum lectus. Ligula luctus turpis, quod massa vitae elementum orci, nullam fringilla elit tortor. Justo ante tempor amet quam posuere volutpat. Facilisis pede erat ut hac ultrices ipsum, wisi duis sit metus. Dolor vitae est sed sed vitae. Sed eu ligula, morbi vestibulum nunc nibh velit ut taciti, ligula elit semper sagittis in, auctor arcu vel eget. Mauris at vitae nec suspendisse et, aenean proin blandit suscipit. Morbi quam, dolor ultricies. Viverra tempus. Suspendisse sit dapibus, ac fuga aenean, magna nisl nonummy augue posuere, dictum ut fuga velit parturient augue interdum, mattis sit tellus. Vehicula commodo tempus curabitur eros, lacinia erat vulputate lorem vel fermentum donec, lectus sed conubia id pellentesque. Vel senectus donec pede aliquet dolor sit, nec vivamus justo placerat interdum maecenas, sodales euismod. Quis netus sapien amet, vestibulum quam nec amet lacinia, quis aliquet, tempor vivamus tellus enim, suscipit quis eleifend. Amet class phasellus orci pretium, risus in nulla. Neque sit ullamcorper, ultricies platea id nec suspendisse ac. Et elementum. Dictum nam, ut dui fermentum egestas facilisis elit augue, adipiscing donec ipsum erat nam pellentesque convallis, vestibulum vestibulum risus id nulla ut mauris, curabitur aute aptent. Ultrices orci wisi dui ipsum praesent, pharetra felis eu quis. Est fringilla etiam, maxime sem dapibus et eget, mi enim dignissim nec pretium, augue vehicula, volutpat proin. Et occaecati lobortis viverra, cum in sed, vivamus tellus. Libero at malesuada est vivamus leo tortor. </textarea></form> <p>The <a href="../html/manual.html#addon_simplescrollbars"><code>simplescrollbars</code></a> addon defines two styles of non-native scrollbars: <a href="javascript:editor.setOption('scrollbarStyle', 'simple')"><code>"simple"</code></a> and <a href="javascript:editor.setOption('scrollbarStyle', 'overlay')"><code>"overlay"</code></a> (click to try), which can be passed to the <a href="../html/manual.html#option_scrollbarStyle"><code>scrollbarStyle</code></a> option. These implement the scrollbar using DOM elements, allowing more control over its <a href="/usr/share/javascript/codemirror/addon/scroll/simplescrollbars.css">appearance</a>.</p> <script> var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, scrollbarStyle: "simple" }); </script> </article>
Save
cmd:
run