[xterm]取消xterm-addon-attach默认发送

[xterm]取消xterm-addon-attach默认发送

问题:当我引入了xterm-addon-attach初始化ws连接后,会自动监听键盘按键,进行发送,这样我ws就没办法判断心跳或自定义信息了

  • 使用版本
工具版本
xterm5.3.0
xterm-addon-attach0.9.0
  • 问题代码
import { Terminal } from "xterm";
import { AttachAddon } from "xterm-addon-attach";
import "xterm/css/xterm.css";

const ws = new WebSocket('url');
const term = new Terminal({
  fontSize: 14,
  cursorBlink: true,
});
// 这里是ws相关开启、异常、关闭监听,不赘述
const attachAddon = new AttachAddon(ws);
term.loadAddon(attachAddon);
term.open(document.getElementById("xterm"));
  • 优化代码

通过添加bidirectional: false,禁止默认发送

import { Terminal } from "xterm";
import { AttachAddon } from "xterm-addon-attach";
import "xterm/css/xterm.css";

const ws = new WebSocket('url');
const term = new Terminal({
  fontSize: 14,
  cursorBlink: true,
});
// 这里是ws相关开启、异常、关闭监听,不赘述
const attachAddon = new AttachAddon(ws, {
  bidirectional: false,
});
term.loadAddon(attachAddon);
// 监听终端输入事件
term.onData((data) => {
  console.log("监听Data", data);
  // 这里实现自定义发送,可以结合自己的数据结构,套一层json等
  ws.send(data);
});
term.open(document.getElementById("xterm"));
  • AttachAddon配置

在这里插入图片描述

  • 8
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值