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: matchhighlighter.html
<!doctype html> <title>CodeMirror: Match Highlighter 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="../addon/scroll/annotatescrollbar.js"></script> <script src="../addon/search/matchesonscrollbar.js"></script> <script src="../addon/search/searchcursor.js"></script> <script src="../addon/search/match-highlighter.js"></script> <style type="text/css"> .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;} .CodeMirror-focused .cm-matchhighlight { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==); background-position: bottom; background-repeat: repeat-x; } .cm-matchhighlight {background-color: lightgreen} .CodeMirror-selection-highlight-scrollbar {background-color: green} </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="#">Match Highlighter</a> </ul> </div> <article> <h2>Match Highlighter Demo</h2> <form><textarea id="code" name="code">Select this text: hardtospot And everywhere else in your code where hardtospot appears will automatically illuminate. Give it a try! No more hard to spot variables - stay in context of your code all the time. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra interdum dui eu pulvinar. Mauris maximus ligula venenatis tempus interdum. Cras hendrerit, ipsum sed ultrices pharetra, ligula diam porttitor lacus, ac tempor eros est a massa. Nam orci elit, vulputate in tristique quis, consectetur vitae metus. Pellentesque et enim elementum, lobortis augue in, lacinia sapien. Morbi eu nunc semper, sagittis felis a, pellentesque mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis diam turpis. Fusce lobortis nisl quis aliquet euismod. Aenean vitae nulla non ipsum efficitur scelerisque. Curabitur auctor, lorem non rhoncus porttitor, augue ligula lacinia dolor, et vehicula magna lorem imperdiet velit. Fusce risus sem, hardtospot commodo eleifend hendrerit vitae, mollis quis risus. Cras tincidunt, justo vitae hendrerit venenatis, urna dolor placerat tortor, eu lobortis lectus dolor in ligula. Nullam non erat non nisl vulputate ultrices sit amet vestibulum dolor. Quisque in tortor porta, pellentesque odio nec, malesuada nibh. In a dui feugiat, ullamcorper urna in, accumsan magna. Donec egestas sem nec eros rhoncus, vel gravida purus ornare. Nulla orci mauris, porta nec pharetra sed, ornare et lorem. Donec luctus turpis nunc, eget dictum felis mollis et. Sed sodales hardtospot nunc vitae leo rhoncus imperdiet. Donec elementum malesuada velit quis placerat. Proin accumsan lorem id nisi volutpat ullamcorper. Vivamus laoreet dolor ac sem malesuada, ac scelerisque ex efficitur. Aliquam tempus libero velit, vel tristique augue vulputate nec. Mauris ultrices leo felis, sit amet congue augue aliquam condimentum. Vivamus purus leo, mattis vitae dignissim vel, ultricies ac ex. Mauris eu dolor eu purus ultricies ultrices. Sed euismod feugiat ex et mattis. Morbi cursus laoreet pharetra. Donec eu dolor sodales, ultricies nisi et, malesuada urna. Praesent sit amet fringilla felis. Nam rhoncus, est blandit auctor auctor, lorem ipsum laoreet ipsum, quis sodales libero odio in lorem. Phasellus odio dolor, elementum sagittis nibh non, fermentum semper libero. Mauris hendrerit hardtospot lectus sit amet commodo eleifend. Morbi pulvinar eget nisl at eleifend. Fusce eget porta erat, vitae lobortis libero. Phasellus sit amet massa in massa pharetra malesuada. Vestibulum at quam vel libero aliquam volutpat at ut dui. Praesent scelerisque vel mauris sit amet vehicula. Phasellus at mi nec ligula cursus interdum sit amet non quam. Aliquam tempus sollicitudin euismod. Nulla euismod mollis enim tincidunt placerat. Proin ac scelerisque enim, quis sollicitudin metus. Pellentesque congue nec sapien ut rhoncus. Sed eget ornare diam, ut consectetur ante. Aenean eleifend mauris quis ornare accumsan. In hac habitasse hardtospot platea dictumst. </textarea></form> <script> var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, // To highlight on scrollbars as well, pass annotateScrollbar in options // as below. highlightSelectionMatches: {showToken: /\w/, annotateScrollbar: true} }); </script> <p>Search and highlight occurences of the selected text.</p> </article>
Save