projects / mirror_xterm.js.git / blame
| Commit | Line | Data |
|---|---|---|
| 5af18f8e PK |
1 | <!doctype html> |
| 2 | <html> | |
| c5ae1cea PK |
3 | <head> |
| 4 | <title>xterm.js demo</title> | |
| 6cc66a0b PK |
5 | <link rel="stylesheet" href="/build/xterm.css" /> |
| 6 | <link rel="stylesheet" href="/build/addons/fullscreen/fullscreen.css" /> | |
| c5ae1cea | 7 | <link rel="stylesheet" href="style.css" /> |
| 0f8fc63a | 8 | <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script> |
| 6cc66a0b PK |
9 | <script src="/build/xterm.js" ></script> |
| 10 | <script src="/build/addons/attach/attach.js" ></script> | |
| 11 | <script src="/build/addons/fit/fit.js" ></script> | |
| 12 | <script src="/build/addons/fullscreen/fullscreen.js" ></script> | |
| c5ae1cea PK |
13 | </head> |
| 14 | <body> | |
| 5ce012bd | 15 | <h1>xterm.js: xterm, in the browser</h1> |
| c5ae1cea | 16 | <div id="terminal-container"></div> |
| e0c0fb69 DI |
17 | <div> |
| 18 | <h2>Options</h2> | |
| 5a932b2a | 19 | <p> |
| 6e1628bc | 20 | <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label> |
| 5a932b2a DI |
21 | </p> |
| 22 | <p> | |
| 46d62f49 DI |
23 | <label> |
| 24 | cursorStyle | |
| 25 | <select id="option-cursor-style"> | |
| 26 | <option value="block">block</option> | |
| 27 | <option value="underline">underline</option> | |
| 28 | <option value="bar">bar</option> | |
| 29 | </select> | |
| 30 | </label> | |
| 31 | </p> | |
| 32 | <p> | |
| f4293a6d PK |
33 | <label>scrollback <input type="number" id="option-scrollback" value="1000" /></label> |
| 34 | </p> | |
| 35 | <p> | |
| 6e1628bc | 36 | <label>tabStopWidth <input type="number" id="option-tabstopwidth" value="8" /></label> |
| 5a932b2a | 37 | </p> |
| 0f8fc63a PK |
38 | <div> |
| 39 | <h3>Size</h3> | |
| 40 | <div> | |
| 41 | <div style="display: inline-block; margin-right: 16px;"> | |
| 42 | <label for="cols">Columns</label> | |
| 43 | <input type="number" id="cols" /> | |
| 44 | </div> | |
| 45 | <div style="display: inline-block; margin-right: 16px;"> | |
| 46 | <label for="rows">Rows</label> | |
| 47 | <input type="number" id="rows" /> | |
| 48 | </div> | |
| 49 | </div> | |
| 50 | </div> | |
| e0c0fb69 | 51 | </div> |
| 95d9ad46 | 52 | <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> |
| e0c0fb69 | 53 | <script src="main.js" defer ></script> |
| c5ae1cea | 54 | </body> |
| 53e8df40 | 55 | </html> |