diff options
Diffstat (limited to 'codemirror_ui/lib/CodeMirror-2.3/demo/multiplex.html')
-rw-r--r-- | codemirror_ui/lib/CodeMirror-2.3/demo/multiplex.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/codemirror_ui/lib/CodeMirror-2.3/demo/multiplex.html b/codemirror_ui/lib/CodeMirror-2.3/demo/multiplex.html new file mode 100644 index 0000000..9348545 --- /dev/null +++ b/codemirror_ui/lib/CodeMirror-2.3/demo/multiplex.html @@ -0,0 +1,59 @@ +<!doctype html> +<html> + <head> + <title>CodeMirror: Multiplexing Parser Demo</title> + <link rel="stylesheet" href="../lib/codemirror.css"> + <script src="../lib/codemirror.js"></script> + <script src="../lib/util/multiplex.js"></script> + <script src="../mode/xml/xml.js"></script> + <link rel="stylesheet" href="../doc/docs.css"> + + <style type="text/css"> + .CodeMirror {border: 1px solid black;} + .cm-delimit {color: #fa4;} + </style> + </head> + <body> + <h1>CodeMirror: Multiplexing Parser Demo</h1> + + <form><textarea id="code" name="code"> +<html> + <body> + <h1><< this is not <html >></h1> + << + multiline + not html + at all : &amp; <link/> + >> + <p>this is html again</p> + </body> +</html> +</textarea></form> + + <script> +CodeMirror.defineMode("demo", function(config) { + return CodeMirror.multiplexingMode( + CodeMirror.getMode(config, "text/html"), + {open: "<<", close: ">>", + mode: CodeMirror.getMode(config, "text/plain"), + delimStyle: "delimit"} + // .. more multiplexed styles can follow here + ); +}); +var editor = CodeMirror.fromTextArea(document.getElementById("code"), { + mode: "demo", + lineNumbers: true, + lineWrapping: true +}); +</script> + + <p>Demonstration of a multiplexing mode, which, at certain + boundary strings, switches to one or more inner modes. The out + (HTML) mode does not get fed the content of the <code><< + >></code> blocks. See + the <a href="../doc/manual.html#util_multiplex">manual</a> and + the <a href="../lib/util/multiplex.js">source</a> for more + information.</p> + + </body> +</html> |