Xterm.js前端终端组件
xterm 是一个使用 TypeScript 编写的前端终端组件,可以直接在浏览器中实现一个命令行终端应用。
主要特性:
- 终端应用程序正常工作:Xterm.js适用于大多数终端应用程序,如bash,vim和tmux,这包括对基于curses的应用程序和鼠标事件支持的支持
- Performant:Xterm.js 非常快,它甚至还包括一个GPU加速的渲染器
- 丰富的 unicode 支持:支持CJK,表情符号和IME
- 自包含:零依赖性
- 可访问:可以使用screenReaderMode选项打开屏幕阅读器支持
- 还有更多:链接,主题,插件,记录良好的API等。
使用方法:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="node_modules/xterm/dist/xterm.css" />
<script src="node_modules/xterm/dist/xterm.js"></script>
</head>
<body>
<div id="terminal"></div>
<script>
var term = new Terminal();
term.open(document.getElementById('terminal'));
term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ')
</script>
</body>
</html>
评论
react-native-overlayreact 前端组件
react-native-overlay是一个<Overlay/>组件,视图前端包括内容,无视当前组件树的位置。示例:var React = require('react-native')
react-native-overlayreact 前端组件
0
React-treeviewWeb 前端组件
React-treeview是使用React模式设计的Web上的树壮组件。在线演示:http://chenglou.github.io/react-treeview/
React-treeviewWeb 前端组件
0
ansiparser前端组件
ansiparser是一个前端组件,用于将linux终端输出的彩色日志展示到web页面。它通过解析linux终端的ansi转义字符实现彩色渲染,其渲染效果如下图。安装npminstallxlog-an
ansiparser前端组件
0
react-native-overlayreact 前端组件
react-native-overlay 是一个 <Overlay /> 组件,视图前端
react-native-overlayreact 前端组件
0