xterm.js

编程之家收集整理的这个编程导航主要介绍了xterm.js编程之家,现在分享给大家,也给大家做个参考。

xterm.js

xterm.js 介绍

xterm是一个使用TypeScript编写的前端终端组件。并在Vscode等热门项目中得到了应用 

特点

Xterm.js与大多数终端应用程序,如bash,vim和tmux,这包括基于光标的应用程序和鼠标事件的支持。 

运行非常快,它甚至还包括一个GPU加速的渲染器。 

丰富的unicode支持:支持CJK,表情符号和IME。

零依赖性。 

可以使用该screenReaderMode选项打开屏幕阅读器支持。

安装

npm install xterm

初始化

// 初始化终端

import { Terminal } from 'xterm'

import 'xterm/dist/xterm.css'

let term = new Terminal()

// 将term挂砸到dom节点上

term.open(document.getElementById('app'))

term.write('Hello from x1B[1;3;31mxterm.jsx1B[0m $ ')

使用插件

插件为JavaScript的模块可以扩展Terminal的原型

import { Terminal } from 'xterm';

import * as fit from 'xterm/lib/addons/fit/fit'

// 扩展Terminal

Terminal.applyAddon(fit)

let term = new Terminal()

term.open(document.getElementById('#terminal'))

// 使用fit方法

term.fit()

网站地址:https://xtermjs.org/

GitHub:https://github.com/xtermjs/xterm.js

网站描述:使用TypeScript编写的前端终端组件

xterm.js官方网站

官方网站:https://xtermjs.org/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

scalable.js,一款可以使任何HTML元素动态缩放适合父元素的js...
Pica,使用JS进行快速高品质图像缩放
react-dates,React 日期组件
date-fns,轻量级的JavaScript 日期工具库
WOW.js,一款效果炫酷的元素在页面滚动时展示CSS3动画的JS插件
Pikaday,一个 轻量级、无依耐Js日期选择器