diff options
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> | ||