diff options
| author | Jose Antonio Marquez | 2012-02-15 20:37:48 -0800 |
|---|---|---|
| committer | Jose Antonio Marquez | 2012-02-15 20:37:48 -0800 |
| commit | 89b5e793ea88ef235b54b6e1d1c379698d3e612b (patch) | |
| tree | 4d29118f35df77ca6b423119a4ff61694a442cbf /imports/codemirror/mode/htmlmixed/index.html | |
| parent | 9d2c2a80483415d7560b00cda5519153db23e241 (diff) | |
| parent | d366c0bd1af6471511217ed574083e15059519b5 (diff) | |
| download | ninja-89b5e793ea88ef235b54b6e1d1c379698d3e612b.tar.gz | |
Merge branch 'refs/heads/NinjaInternal' into Color
Diffstat (limited to 'imports/codemirror/mode/htmlmixed/index.html')
| -rwxr-xr-x | imports/codemirror/mode/htmlmixed/index.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/imports/codemirror/mode/htmlmixed/index.html b/imports/codemirror/mode/htmlmixed/index.html new file mode 100755 index 00000000..63fc4120 --- /dev/null +++ b/imports/codemirror/mode/htmlmixed/index.html | |||
| @@ -0,0 +1,51 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html> | ||
| 3 | <head> | ||
| 4 | <title>CodeMirror: HTML mixed mode</title> | ||
| 5 | <link rel="stylesheet" href="../../lib/codemirror.css"> | ||
| 6 | <script src="../../lib/codemirror.js"></script> | ||
| 7 | <script src="../xml/xml.js"></script> | ||
| 8 | <script src="../javascript/javascript.js"></script> | ||
| 9 | <script src="../css/css.js"></script> | ||
| 10 | <script src="htmlmixed.js"></script> | ||
| 11 | <link rel="stylesheet" href="../../doc/docs.css"> | ||
| 12 | <style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | ||
| 13 | </head> | ||
| 14 | <body> | ||
| 15 | <h1>CodeMirror: HTML mixed mode</h1> | ||
| 16 | <form><textarea id="code" name="code"> | ||
| 17 | <html style="color: green"> | ||
| 18 | <!-- this is a comment --> | ||
| 19 | <head> | ||
| 20 | <title>Mixed HTML Example</title> | ||
| 21 | <style type="text/css"> | ||
| 22 | h1 {font-family: comic sans; color: #f0f;} | ||
| 23 | div {background: yellow !important;} | ||
| 24 | body { | ||
| 25 | max-width: 50em; | ||
| 26 | margin: 1em 2em 1em 5em; | ||
| 27 | } | ||
| 28 | </style> | ||
| 29 | </head> | ||
| 30 | <body> | ||
| 31 | <h1>Mixed HTML Example</h1> | ||
| 32 | <script> | ||
| 33 | function jsFunc(arg1, arg2) { | ||
| 34 | if (arg1 && arg2) document.body.innerHTML = "achoo"; | ||
| 35 | } | ||
| 36 | </script> | ||
| 37 | </body> | ||
| 38 | </html> | ||
| 39 | </textarea></form> | ||
| 40 | <script> | ||
| 41 | var editor = CodeMirror.fromTextArea(document.getElementById("code"), {mode: "text/html", tabMode: "indent"}); | ||
| 42 | </script> | ||
| 43 | |||
| 44 | <p>The HTML mixed mode depends on the XML, JavaScript, and CSS modes.</p> | ||
| 45 | |||
| 46 | <p><strong>MIME types defined:</strong> <code>text/html</code> | ||
| 47 | (redefined, only takes effect if you load this parser after the | ||
| 48 | XML parser).</p> | ||
| 49 | |||
| 50 | </body> | ||
| 51 | </html> | ||