13
2024
09

xtermjs实现input

做一个在线的python代码编辑器。

使用xterm.js作为terminal,显示输出,接收输入,使用skulpt.js运行代码。

默认terminal不支持输入,运行到input代码时,开启输入,输入完成,关闭输入。

可以通过设置参数disableStdin来实现。

设置默认不可以输入。

var term = new Terminal({
  cursorStyle: 'underline',
  fontSize: 16,
  cursorBlink: true,
  scrollback: 10000,
  disableStdin: true,
  theme: {
    background: '#2B2B2B',
    foreground: '#BBBBBB',
    cursor: '#BBBBBB'
  }
});

需要输入时,开启输入。

function startInput() {
  term.options.disableStdin = false;
}

输入结束后,关闭输入。

function stopInput() {
  term.options.disableStdin = true;
}

开始和节数输入的时机,skulptjs中有。这里不多说。

可以加入一些自己的逻辑。



« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。