Xtermjs 不渲染大输出

Question

我正在使用 pusher 和 xtermjs。对于像 w 或 free -m 这样的命令的小输出，它工作正常。对于命令 ps -aux 的大输出，它不起作用。输出显示在浏览器控制台中，但不显示在 xtermjs 输出中 div.

这是我的推送事件处理程序。

    this.term = new Terminal({
      debug: true,
      allowTransparency: true,
      applicationCursor: true,
      applicationKeypad: true,
      normalFontWeight: 100,
      fontSize: 14,
      cursorBlink: true,
      cursorStyle: 'block', // “block” | “underline” | “bar” *
    })

    this.term.open(document.getElementById(this.outputDiv))
    this.term.fit()

    let screenObject = this
    let terminalObj = this.term
    window.UserChannel.bind('com.testing.command.result', function (data) {
      // console.log(data)
      let text = data.payload.replace(/\n/g, '\r\n')
      terminalObj.writeln(text)
      // terminalObj.fit()
      // screenObject.hideHelpers()
    })

Answer 1

问题出在 xterm-scroll-area。它隐藏了数据。我已将样式选项设置为 postion:absolute; z-index:0; 并且有效。

Xtermjs 不渲染大输出

Xtermjs not rendering for large outputs

javascript

terminal

xtermjs