适用于终端交互的插件JQuery Terminal
来源:互联网 发布:淘宝商家怎么做活动 编辑:程序博客网 时间:2024/06/05 05:42
Terminal 插件可以在网站上实现终端交互效果。这可不是FTP或SSH终端,你可以定义交互的命令。 官网地址:http://terminal.jcubic.pl/
适用Terminal,首先要先下载相关的文件 ,并引入进去,这里的插件是基于jquery的,所以也要引入jquery.js,这里我就不展示出来了。
以上文件都可以从官网能拿到。
1,引入成功之后,要在页面写入一个节点:
2,我这里用的是WebSocket做的交互
$scope.getTeminal = function () {
if(KubernetesData.state){
$scope.prompt = true
socket = new WebSocket('ws://' + location.host +'/terminalService');
socket.onopen = function()
{
socket.send(JSON.stringify({
'containerName':$scope.options.bucketT,
'url': row.proxyUrl,
'namespace':row.namespace,
'resourceName': row.name,
'command':'',
'flag':false
})
) };
socket.onmessage = function (event) {
var obj = JSON.parse(event.data);
$scope.socketFlag=obj.flag;
};
setTimeout(function(){
$('#kebernet').terminal(function(command, term) {
//开始执行
// Web Socket 已连接上,使用 send() 方法发送数据
if(command){
socket.send(JSON.stringify({
'command':command,
'flag':$scope.socketFlag,
})
)
term.disable()
}
socket.onmessage = function (event) {
var obj = JSON.parse(event.data);
if(obj.data){
$scope.socketFlag=obj.flag;
term.echo(String(obj.data));
term.enable()
}else{
term.enable()
}
};
}, {
greetings: "",//
height:500,
width:'100%',
'font-size':'15px',
prompt: '# ',
onBlur: function() {
// prevent loosing focus
return false;
}
});
},100)
}else{
$scope.prompt = false
}
}
if(KubernetesData.state){
$scope.prompt = true
socket = new WebSocket('ws://' + location.host +'/terminalService');
socket.onopen = function()
{
socket.send(JSON.stringify({
'containerName':$scope.options.bucketT,
'url': row.proxyUrl,
'namespace':row.namespace,
'resourceName': row.name,
'command':'',
'flag':false
})
) };
socket.onmessage = function (event) {
var obj = JSON.parse(event.data);
$scope.socketFlag=obj.flag;
};
setTimeout(function(){
$('#kebernet').terminal(function(command, term) {
//开始执行
// Web Socket 已连接上,使用 send() 方法发送数据
if(command){
socket.send(JSON.stringify({
'command':command,
'flag':$scope.socketFlag,
})
)
term.disable()
}
socket.onmessage = function (event) {
var obj = JSON.parse(event.data);
if(obj.data){
$scope.socketFlag=obj.flag;
term.echo(String(obj.data));
term.enable()
}else{
term.enable()
}
};
}, {
greetings: "",//
height:500,
width:'100%',
'font-size':'15px',
prompt: '# ',
onBlur: function() {
// prevent loosing focus
return false;
}
});
},100)
}else{
$scope.prompt = false
}
}
0 0
- 适用于终端交互的插件JQuery Terminal
- Terminal终端的快捷键
- 诺基亚发布适用于S60终端的Open C SDK插件
- linux terminal终端插件oh-my-zsh
- ubuntu 11.10 的终端 Terminal
- Ubuntu下启动终端(terminal)的快捷键
- mac终端(terminal)里的快捷键
- Mac下的终端(Terminal)简介
- Mac终端Terminal的光标快捷键
- Mac Terminal终端光标的快捷键操作
- ubuntu怎么打开终端(terminal)的方法~
- ubuntu如何修改terminal终端的主机名
- macOS 修改终端Terminal的颜色设置
- mac终端(terminal)常见的快捷键
- 适用于多种设备的的滑块幻灯片插件--jquery插件Swiper
- JQuery插件-级联选择(适用于TreeView)
- Linux 在终端中打开新的终端:gnome-terminal
- 10 个基于 jQuery 的 Web 交互插件推荐
- 树分类、线性回归和树回归的感性认知
- Error:Makefile:1449:*** mixed implicit and normal rules: deprecated syntax
- 3015 Little L's rank
- openCV中的特征点检测、描述子计算、特征匹配的一些类
- 数字签名技术 -- DSA算法
- 适用于终端交互的插件JQuery Terminal
- SELinux策略实例--type_transition(一)
- 郑轻oj 1882 蛤玮的魔法
- rm -rf 命令 与正则表达式
- 低通,高通,带通,带阻滤波器
- 开发常用模块
- 浅析python 中__name__ = '__main__' 的作用
- neon DL accelerate package
- opencv 入门基础