4 <title>xterm.js demo
</title>
5 <link rel=
"stylesheet" href=
"/build/xterm.css" />
6 <link rel=
"stylesheet" href=
"/build/addons/fullscreen/fullscreen.css" />
7 <link rel=
"stylesheet" href=
"style.css" />
8 <script src=
"https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
9 <script src=
"https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
10 <script src=
"/build/xterm.js" ></script>
11 <script src=
"/build/addons/attach/attach.js" ></script>
12 <script src=
"/build/addons/fit/fit.js" ></script>
13 <script src=
"/build/addons/fullscreen/fullscreen.js" ></script>
14 <script src=
"/build/addons/search/search.js" ></script>
17 <h1>xterm.js: xterm, in the browser
</h1>
18 <div id=
"terminal-container"></div>
22 <label>Find next
<input id=
"find-next"/></label>
23 <label>Find previous
<input id=
"find-previous"/></label>
29 <label><input type=
"checkbox" id=
"option-cursor-blink"> cursorBlink
</label>
34 <select id=
"option-cursor-style">
35 <option value=
"block">block
</option>
36 <option value=
"underline">underline
</option>
37 <option value=
"bar">bar
</option>
42 <label>scrollback
<input type=
"number" id=
"option-scrollback" value=
"1000" /></label>
45 <label>tabStopWidth
<input type=
"number" id=
"option-tabstopwidth" value=
"8" /></label>
50 <div style=
"display: inline-block; margin-right: 16px;">
51 <label for=
"cols">Columns
</label>
52 <input type=
"number" id=
"cols" />
54 <div style=
"display: inline-block; margin-right: 16px;">
55 <label for=
"rows">Rows
</label>
56 <input type=
"number" id=
"rows" />
61 <p><strong>Attention:
</strong> The demo is a barebones implementation and is designed for xterm.js evaluation purposes only. Exposing the demo to the public as is would introduce security risks for the host.
</p>
62 <script src=
"main.js" defer
></script>