VNC 复制粘贴 记录

在VNC terminal中,使用下面命令可以将vnc中的文本复制到外部的系统中


vncconfig -nowin&


terminal中,复制为ctrl+shift+C,粘贴为ctrl+shift+V

根据引用[1]中提供的API文档,noVNC库本身并没有提供直接复制粘贴功能。然而,你可以通过在noVNC中使用Clipboard.js库来实现复制粘贴功能。下面是一个示例代码,演示了如何在Vue中使用noVNC和Clipboard.js来实现复制粘贴功能: 首先,确保你已经在项目中安装了noVNC和Clipboard.js库。 ```vue <template> <div> <div ref="vncContainer"></div> <button @click="copyToClipboard">复制</button> <button @click="pasteFromClipboard">粘贴</button> </div> </template> <script> import noVNC from 'novnc-core'; import ClipboardJS from 'clipboard'; export default { mounted() { // 创建noVNC实例 const vnc = noVNC.createClient(); vnc.mount(this.$refs.vncContainer); // 连接到VNC服务器 vnc.connect('ws://your-vnc-server-url'); // 初始化Clipboard.js const clipboard = new ClipboardJS('.copy-btn'); // 监听复制成功事件 clipboard.on('success', () => { console.log('复制成功'); }); // 监听粘贴成功事件 clipboard.on('paste', () => { console.log('粘贴成功'); }); }, methods: { copyToClipboard() { // 将文本复制到剪贴板 const text = '要复制的文本'; const input = document.createElement('input'); input.value = text; document.body.appendChild(input); input.select(); document.execCommand('copy'); document.body.removeChild(input); }, pasteFromClipboard() { // 从剪贴板中获取文本 const text = navigator.clipboard.readText(); text.then((content) => { console.log('从剪贴板中获取到的文本:', content); }); }, }, }; </script> ``` 上述代码中,我们首先在Vue组件中创建了一个noVNC实例,并将其挂载到一个容器元素上。然后,我们初始化了Clipboard.js,并在复制和粘贴按钮上添加了相应的点击事件处理函数。在复制按钮的点击事件处理函数中,我们使用`document.execCommand('copy')`将指定的文本复制到剪贴板。在粘贴按钮的点击事件处理函数中,我们使用`navigator.clipboard.readText()`从剪贴板中获取文本内容。 请注意,上述代码只是一个示例,你需要根据你的具体需求进行适当的修改和调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值