【17】关于基于websocket的同步编辑

Joestar.Xu

之前我在论坛里找到了关于websocket通信的例子，里面有关于复制粘贴的部分的代码，

function onCommandExecute(args) {
if (!args.command) {
return
}
if (!args.command.cmd) {
return
}
spread.undoManager().clear()
switch (args.command.cmd) {
// 不向其他客户端同步的command类型写在这里
case 'zoom':
return
default:
break
}
console.log('args', args.command);
let sendMsg = {
type: 'direct_execute',
sheetName: search.gridKey,
data: args.command,
sheetIndex: sheetIndexRef.current,
}
if (args.command.cmd === "clipboardPaste") {
//查看是否过界
const pastedRange = args.command.pastedRanges[0]
const addRowCount = pastedRange.row + pastedRange.rowCount - totalRef.current
if (addRowCount > 0) {
sendMsg = {
...sendMsg,
batch_row_start: totalRef.current + 1,
batch_row_end: pastedRange.row + pastedRange.rowCount - 1
}
}
}
const jsonMsg = JSON.stringify(sendMsg)
console.log('jsonMsg', blob, jsonMsg, jsonMsg.length)
!isEmpty(ws) && ws.send(jsonMsg)
}

复制代码

问题就在于这个args.command这个内容特别的大，是不是会把当前的内容，包括html，样式全部都要传输过去吗？每次辅助一点点内容，上来就是好几mb，我这里的websocket立马就断了，我就想问问是不是一定得全部都传，能不能做点优化？还是我的代码问题，我看在什么数据都没有的情况下，随便复制粘贴一下，其实也有个几百kb呢

Joestar.Xu · Joestar.Xu

您好，请参考下图粘贴的Command输出的结果：

a6e60b090f1f772ac58eb3c57629eb4.png937279052.png

它与上图中的参数存在一些区别，也就是说，官方文档中的Command参数是执行这个Command的最低要求，其他的参数都是可选项。

Joestar.Xu · Joestar.Xu

您好，因为复制粘贴需要携带大量的样式信息，所以命令中的数据会很大。

可以参考这个例子中的Sample，一般来说不是很需要将所有的数据都传输过去：https://demo.grapecity.com.cn/sp ... ands#clipboardpaste

image.png252001342.png

mmm223 · mmm223

Joestar.Xu 发表于 2024-6-5 17:52
您好，因为复制粘贴需要携带大量的样式信息，所以命令中的数据会很大。

可以参考这个例子中的Sample，一 ...

你好我还不是很明白，所以这段是要在监听到复制粘贴操作的时候执行，那到必要的数据对吧，那这个数据在哪里取呢？我没找到啊

mmm223 · mmm223

Joestar.Xu 发表于 2024-6-5 17:52
您好，因为复制粘贴需要携带大量的样式信息，所以命令中的数据会很大。

可以参考这个例子中的Sample，一 ...

这不就是个直接执行复制粘贴的方法吗？跟我的诉求好像没关系吧？

		自动登录	找回密码
密码			立即注册

[已处理] 【17】关于基于websocket的同步编辑

最佳答案

4 个回复

SpreadJS 认证

SpreadJS 高级认证