Mercurial > kallithea
view rhodecode/public/js/mode/javascript/typescript.html @ 4026:a60a0e9092c6
added codemirror edit mode with autodetection
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Thu, 20 Jun 2013 23:53:18 +0200 |
parents | |
children | c9bcfe2d2ade |
line wrap: on
line source
<!doctype html> <html> <head> <meta charset="utf-8"> <title>CodeMirror: TypeScript mode</title> <link rel="stylesheet" href="../../lib/codemirror.css"> <script src="../../lib/codemirror.js"></script> <script src="javascript.js"></script> <link rel="stylesheet" href="../../doc/docs.css"> <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> </head> <body> <h1>CodeMirror: TypeScript mode</h1> <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> </body> </html>