<!DOCTYPE html> <html>
<head> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta charset="utf-8" /> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <link href="stylesheets/railscasts.css" rel="stylesheet" type="text/css" /> <link href="stylesheets/all.css" rel="stylesheet" type="text/css" /> <link href="stylesheets/scrollbar.css" rel="stylesheet" type="text/css" /> <script src="javascripts/all.js" type="text/javascript"></script> <script> hljs.initHighlightingOnLoad(); </script> <script> (function () { $(document).ready(function () { var term; term = new Terminal({ cols: 80, rows: 24, screenKeys: true, }); term.on("data", function (data) { return console.log(data); }); term.on("title", function (title) { return (document.title = title); }); term.open($("#console-default")[0]); return term.write("HEllo World"); }); }).call(this); </script> <script> (function () { $.extend(WSClient.prototype.actions, { term: function (data) { return term.write(data.data); }, }); }).call(this); </script> </head> <body> <div class="hidden" id="toolbar"> <a class="tool-button" href="#">Open</a ><a class="tool-button" href="#">Save</a> </div> <div id="panes"> <pre class="pane" id="console-default" style="height: 100%"></pre> </div> <div class="hidden" id="dialog"> <pre id="message">Hi World</pre> <a class="full-button" href="#">Ok</a> </div> <div id="status"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> </body>
</html>