Spaces:
Running
Running
<title>CodeMirror: Html Embedded Scripts mode</title> | |
<meta charset="utf-8"/> | |
<link rel=stylesheet href="../../doc/docs.css"> | |
<link rel="stylesheet" href="../../lib/codemirror.css"> | |
<script src="../../lib/codemirror.js"></script> | |
<script src="../xml/xml.js"></script> | |
<script src="../javascript/javascript.js"></script> | |
<script src="../css/css.js"></script> | |
<script src="../htmlmixed/htmlmixed.js"></script> | |
<script src="../../addon/mode/multiplex.js"></script> | |
<script src="htmlembedded.js"></script> | |
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |
<div id=nav> | |
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |
<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 href="../index.html">Language modes</a> | |
<li><a class=active href="#">Html Embedded Scripts</a> | |
</ul> | |
</div> | |
<article> | |
<h2>Html Embedded Scripts mode</h2> | |
<form><textarea id="code" name="code"> | |
<% | |
function hello(who) { | |
return "Hello " + who; | |
} | |
%> | |
This is an example of EJS (embedded javascript) | |
<p>The program says <%= hello("world") %>.</p> | |
<script> | |
alert("And here is some normal JS code"); // also colored | |
</script> | |
</textarea></form> | |
<script> | |
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
lineNumbers: true, | |
mode: "application/x-ejs", | |
indentUnit: 4, | |
indentWithTabs: true | |
}); | |
</script> | |
<p>Mode for html embedded scripts like JSP and ASP.NET. Depends on multiplex and HtmlMixed which in turn depends on | |
JavaScript, CSS and XML.<br />Other dependencies include those of the scripting language chosen.</p> | |
<p><strong>MIME types defined:</strong> <code>application/x-aspx</code> (ASP.NET), | |
<code>application/x-ejs</code> (Embedded Javascript), <code>application/x-jsp</code> (JavaServer Pages) | |
and <code>application/x-erb</code></p> | |
</article> | |