golden hour

/home/phakp/public_html/formtools/global/codemirror/demo

File/Folder	Size	Actions
activeline.html	3.16 KB
anywordhint.html	2.62 KB
bidi.html	4.81 KB
btree.html	2.89 KB
buffers.html	3.48 KB
changemode.html	1.68 KB
closebrackets.html	1.64 KB
closetag.html	1.26 KB
complete.html	4.19 KB
emacs.html	2.42 KB
folding.html	4.13 KB
fullscreen.html	3.38 KB
hardwrap.html	2.51 KB
html5complete.html	1.73 KB
indentwrap.html	2.52 KB
lint.html	3.98 KB
loadmode.html	2.17 KB
marker.html	1.45 KB
markselection.html	1.83 KB
matchhighlighter.html	4.72 KB
matchtags.html	1.34 KB
merge.html	4.08 KB
multiplex.html	2.11 KB
mustache.html	2.05 KB
panel.html	3.38 KB
placeholder.html	1.47 KB
preview.html	2.36 KB
requirejs.html	2.27 KB
resize.html	1.33 KB
rulers.html	1.39 KB
runmode.html	2.21 KB
search.html	4.44 KB
simplemode.html	7.9 KB
simplescrollbars.html	4.89 KB
spanaffectswrapping_shim.html	2.97 KB
sublime.html	2.78 KB
tern.html	4.37 KB
theme.html	6.04 KB
trailingspace.html	1.53 KB
variableheight.html	2.02 KB
vim.html	3.88 KB
visibletabs.html	1.82 KB
widget.html	2.87 KB
xmlcomplete.html	3.62 KB

Edit: runmode.html

<!doctype html>

<title>CodeMirror: Mode Runner Demo</title>
<meta charset="utf-8"/>
<link rel=stylesheet href="../doc/docs.css">

<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="#">Mode Runner</a>
  </ul>
</div>

<article>
<h2>Mode Runner Demo</h2>

<textarea id="code" style="width: 90%; height: 7em; border: 1px solid black; padding: .2em .4em;">
<foobar>
  <blah>Enter your xml here and press the button below to display
    it as highlighted by the CodeMirror XML mode</blah>
  <tag2 foo="2" bar="&amp;quot;bar&amp;quot;"/>
</foobar></textarea><br>
    <button onclick="doHighlight();">Highlight!</button>
    <pre id="output" class="cm-s-default"></pre>

<p>Running a CodeMirror mode outside of the editor.
    The <code>CodeMirror.runMode</code> function, defined
    in <code><a href="../addon/runmode/runmode.js">addon/runmode/runmode.js</a></code> takes the following arguments:</p>

<dl>
      <dt><code>text (string)</code></dt>
      <dd>The document to run through the highlighter.</dd>
      <dt><code>mode (<a href="../doc/manual.html#option_mode">mode spec</a>)</code></dt>
      <dd>The mode to use (must be loaded as normal).</dd>
      <dt><code>output (function or DOM node)</code></dt>
      <dd>If this is a function, it will be called for each token with
      two arguments, the token's text and the token's style class (may
      be <code>null</code> for unstyled tokens). If it is a DOM node,
      the tokens will be converted to <code>span</code> elements as in
      an editor, and inserted into the node
      (through <code>innerHTML</code>).</dd>
    </dl>

</article>