corrade-nucleus-nucleons
/script-kiddie/002_script_kiddie/script-kiddie/bower_components/js-beautify/web/third-party/codemirror/mode/javascript/typescript.html |
@@ -0,0 +1,61 @@ |
<!doctype html> |
|
<title>CodeMirror: TypeScript 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="javascript.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="#">TypeScript</a> |
</ul> |
</div> |
|
<article> |
<h2>TypeScript mode</h2> |
|
|
<div><textarea id="code" name="code"> |
class Greeter { |
greeting: string; |
constructor (message: string) { |
this.greeting = message; |
} |
greet() { |
return "Hello, " + this.greeting; |
} |
} |
|
var greeter = new Greeter("world"); |
|
var button = document.createElement('button') |
button.innerText = "Say Hello" |
button.onclick = function() { |
alert(greeter.greet()) |
} |
|
document.body.appendChild(button) |
|
</textarea></div> |
|
<script> |
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { |
lineNumbers: true, |
matchBrackets: true, |
mode: "text/typescript" |
}); |
</script> |
|
<p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p> |
</article> |