隐藏来自xterm js的帮助器文本框 [英] Hide helper text box from xterm js

问题描述

我正在使用xterm js创建终端应用程序.当我将其添加到Angular应用程序中时，它会显示基本终端，并在其顶部显示一个带有"W"的文本框.

I am using the xterm js to create a terminal application. When I add it to my Angular app, it shows the basic terminal but also a textbox with "W" on top of it.

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文件:

and terminal.component.html file:

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

当我单击终端时，光标出现在文本框中，它是库中的DOM元素.有人知道如何删除或隐藏它吗?

When I click on the terminal, the cursor appears on the textbox and it is DOM element from the library. Does anyone know how to remove or hide it?

推荐答案

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

It turns out the issue is from my testing environment. not the library. Closing the question

这篇关于隐藏来自xterm js的帮助器文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！