Описание тега xtermjs

Описание тега Вопросы с тегом
NoneXterm.js - это компонент эмулятора терминала, написанный на JavaScript, который работает в браузере. Используйте этот тег, чтобы задавать вопросы об использовании и внутреннем устройстве xterm.js.

xterm.js

https://travis-ci.org/sourcelair/xterm.js https://coveralls.io/github/sourcelair/xterm.js Gitter

Xterm.js - это компонент эмулятора терминала, написанный на JavaScript, который работает в браузере.

Это позволяет приложениям предоставлять пользователям полнофункциональные терминалы и создавать отличные возможности для разработки.

Характеристики

  • Поддержка текстовых приложений: используйте xterm.js для работы с такими приложениями, какbash, git и т.п.
  • Поддержка приложений на основе Curses: используйте xterm.js для работы с такими приложениями, какvim, tmux и т.п.
  • Поддержка событий мыши: Xterm.js фиксирует события мыши, такие как щелчок и прокрутка, и передает их внутреннему процессу управления терминала.
  • Поддержка символов CJK (китайский, японский, корейский): Xterm.js отображает символы CJK без проблем.
  • Поддержка IME: вставляйте международные символы (включая CJK) с помощью ввода IME с клавиатуры.
  • Автономная библиотека: Xterm.js работает сам по себе. Для работы не требуются внешние библиотеки, такие как jQuery или React.
  • Модульный API на основе событий: позволяет легко создавать надстройки и темы.

Чем не является xterm.js

  • Xterm.js - это не терминальное приложение, которое вы можете загрузить и использовать на своем компьютере.
  • Xterm.js не bash. Xterm.js можно подключить к таким процессам, какbash и позволить вам взаимодействовать с ними (вводить, получать вывод)

Начиная

Чтобы начать использовать xterm.js в браузере, добавьте файлы xterm.js и xterm.css в заголовок своей HTML-страницы. Затем создайте<div id="terminal"></div> к которому может прикрепиться xterm.

<!doctype html>
  <html>
    <head>
      <link rel="stylesheet" href="bower_components/xterm.js/dist/xterm.css" />
      <script src="bower_components/xterm.js/dist/xterm.js"></script>
    </head>
    <body>
      <div id="terminal"></div>
      <script>
        var term = new Terminal();
        term.open(document.getElementById('terminal'));
        term.write('Hello from \033[1;3;31mxterm.js\033[0m $ ')
      </script>
    </body>
  </html>

Наконец, создайте экземпляр объекта Terminal, а затем вызовите open с объектом DOM div с участием id="terminal".