Файл index.html
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Verdana;
font-size: 62.5%;
}
table {
width: 100%;
}
table tr td {
width: 50%;
vertical-align: top;
border: 1px solid black;
}
textarea {
width: 100%;
height: 500px;
margin: 0;
padding: 5px;
border: none;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
font-size: 2.5em;
}
div {
height: 500px;
margin: 0;
padding: 5px;
border: none;
font-size: 2.5em;
}
pre {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr>
<td><textarea id="source"></textarea></td>
<td><div><pre id="result"></pre></div></td>
</tr>
</table>
<script type="text/javascript" src="js/typescriptServices.js"></script>
<script type="text/javascript" src="js/transpiler.js"></script>
</body>
</html>
Файл typescriptService.js
https://rawgit.com/Microsoft/TypeScript/master/lib/typescriptServices.js
Файл transpiler.js
;(function(){
document.getElementById('source').addEventListener('keyup', function(){
document.getElementById('result').innerHTML = ts.transpile(document.getElementById('source').value);
}, false);
})();
Комментариев нет:
Отправить комментарий