<html>
<head>
<title>xterm.js demo</title>
- <link rel="stylesheet" href="../build/xterm.css" />
- <link rel="stylesheet" href="../addons/fullscreen/fullscreen.css" />
+ <link rel="stylesheet" href="/build/xterm.css" />
+ <link rel="stylesheet" href="/build/addons/fullscreen/fullscreen.css" />
<link rel="stylesheet" href="style.css" />
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
- <script src="../build/xterm.js" ></script>
- <script src="../addons/attach/attach.js" ></script>
- <script src="../addons/fit/fit.js" ></script>
- <script src="../addons/fullscreen/fullscreen.js" ></script>
+ <script src="/build/xterm.js" ></script>
+ <script src="/build/addons/attach/attach.js" ></script>
+ <script src="/build/addons/fit/fit.js" ></script>
+ <script src="/build/addons/fullscreen/fullscreen.js" ></script>
+ <script src="/build/addons/search/search.js" ></script>
</head>
<body>
<h1>xterm.js: xterm, in the browser</h1>
<div id="terminal-container"></div>
+ <div>
+ <h2>Actions</h2>
+ <p>
+ <label>Find next <input id="find-next"/></label>
+ <label>Find previous <input id="find-previous"/></label>
+ </p>
+ </div>
<div>
<h2>Options</h2>
- <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
+ <p>
+ <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
+ </p>
+ <p>
+ <label>
+ cursorStyle
+ <select id="option-cursor-style">
+ <option value="block">block</option>
+ <option value="underline">underline</option>
+ <option value="bar">bar</option>
+ </select>
+ </label>
+ </p>
+ <p>
+ <label>scrollback <input type="number" id="option-scrollback" value="1000" /></label>
+ </p>
+ <p>
+ <label>tabStopWidth <input type="number" id="option-tabstopwidth" value="8" /></label>
+ </p>
<div>
<h3>Size</h3>
<div>