/usr/share/doc/libjs-codemirror/examples/

/usr/share/doc/libjs-codemirror/examples

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/panel.html (3654B)

<!doctype html>

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

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

<h2>Panel Demo</h2>

<p>
  The <a href="../html/manual.html#addon_panel"><code>panel</code></a>
  addon allows you to display panels above or below an editor.
  <br>
  Click the links below to add panels at the given position:
</p>

<div id="demo">
<p>
  <a class="add-panel" onclick="addPanel('top')">top</a>
  <a class="add-panel" onclick="addPanel('after-top')">after-top</a>
  <a class="add-panel" onclick="addPanel('before-bottom')">before-bottom</a>
  <a class="add-panel" onclick="addPanel('bottom')">bottom</a>
</p>
<p>
  You can also replace an existing panel:
</p>
<form onsubmit="return replacePanel(this);" name="replace_panel">
  <input type="submit" value="Replace panel n°" />
  <input type="number" name="panel_id" min="1" value="1" />
</form>

textarea.value = demo.innerHTML.trim();
editor = CodeMirror.fromTextArea(textarea, {
  lineNumbers: true,
  mode: "htmlmixed"
});

function makePanel(where) {
  var node = document.createElement("div");
  var id = ++numPanels;
  var widget, close, label;

node.id = "panel-" + id;
  node.className = "panel " + where;
  close = node.appendChild(document.createElement("a"));
  close.setAttribute("title", "Remove me!");
  close.setAttribute("class", "remove-panel");
  close.textContent = "✖";
  CodeMirror.on(close, "mousedown", function(e) {
    e.preventDefault()
    panels[node.id].clear();
  });
  label = node.appendChild(document.createElement("span"));
  label.textContent = "I'm panel n°" + id;
  return node;
}
function addPanel(where) {
  var node = makePanel(where);
  panels[node.id] = editor.addPanel(node, {position: where, stable: true});
}

addPanel("top");
addPanel("bottom");

function replacePanel(form) {
  var id = form.elements.panel_id.value;
  var panel = panels["panel-" + id];
  var node = makePanel("");

panels[node.id] = editor.addPanel(node, {replace: panel, position: "after-top", stable: true});
  return false;
}
</script>

</div>

</article>

CodeMirror: Panel Demo

CodeMirror

Panel

Panel Demo

The panel addon allows you to display panels above or below an editor.
Click the links below to add panels at the given position:

top after-top before-bottom bottom

You can also replace an existing panel: