从 xterm js 隐藏助手文本框

Question

我正在使用 xterm js 创建终端应用程序。当我将它添加到我的 Angular 应用程序时，它会显示基本终端，但也会显示一个文本框，上面有 "W"。

ngOnInit() {
    let term = new Terminal();
    let fitAddon = new FitAddon();
    term.loadAddon(fitAddon);
    let element = document.getElementById('terminal');
    if (element) {
      term.open(element);
      fitAddon.fit();
      term.write('Hello from \x1B[1;3;31mvXterm\x1B[0m $ ');
      term.onKey((key) => {
        console.log(key);
        if (key.domEvent.code === 'Enter') {
          term.writeln('');
          term.write('Hello from \x1B[1;3;31xTerm\x1B[0m $ ');
        } else {
          term.write(key.key);
        }
      });
    }
  }

和terminal.component.html文件：

<div class="terminal" id="terminal"></div>

当我点击终端时，光标出现在文本框上，它是库中的 DOM 元素。有谁知道如何删除或隐藏它？

Answer 1

事实证明问题出在我的测试环境中。不是图书馆。结束问题

从 xterm js 隐藏助手文本框

Hide helper text box from xterm js

javascript

angular

typescript

xterm