3h-term 中文文档教程
3h-term
浏览器中的终端模拟器。
Links
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>3h-term example</title>
</head>
<body>
<script type="text/javascript" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/super-x@1.0.0/dist/super-x.umd.min.js"></script>
<script type="text/javascript" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/3h-term@0.1.0/dist/3h-term.umd.min.js"></script>
<script>
const handlers = new Map([
['echo', input => {
terminal.writeln(`"${input}"`);
}],
['clear', () => {
terminal.clear();
}],
]);
const terminal = new T.Terminal(
{
margin: '1em auto',
width: '480px',
height: '320px',
fontSize: '16px',
borderRadius: '5px',
},
T.createProgram(handlers, input => {
terminal.writeln(`Unknown operation: ${input}`);
})
);
document.body.appendChild(terminal.container);
terminal.write('This is an example of ')
.write('3h-term', {
color: '#FFF',
fontWeight: 'bold',
})
.write('.')
.writeln();
</script>
</body>
</html>
3h-term
A terminal simulator in browser.
Links
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>3h-term example</title>
</head>
<body>
<script type="text/javascript" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/super-x@1.0.0/dist/super-x.umd.min.js"></script>
<script type="text/javascript" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/3h-term@0.1.0/dist/3h-term.umd.min.js"></script>
<script>
const handlers = new Map([
['echo', input => {
terminal.writeln(`"${input}"`);
}],
['clear', () => {
terminal.clear();
}],
]);
const terminal = new T.Terminal(
{
margin: '1em auto',
width: '480px',
height: '320px',
fontSize: '16px',
borderRadius: '5px',
},
T.createProgram(handlers, input => {
terminal.writeln(`Unknown operation: ${input}`);
})
);
document.body.appendChild(terminal.container);
terminal.write('This is an example of ')
.write('3h-term', {
color: '#FFF',
fontWeight: 'bold',
})
.write('.')
.writeln();
</script>
</body>
</html>
