从Excel复制数据到SpreadJS出现多余空格

部分用户在使用SpreadJS想要从Excel中复制一些数据过来，但是发现有时候会带上空格，数据量不大的话还可以手动处理，但是一旦数据量较大，处理起来就非常困难了，对于这个问题是否有可以解决的方案呢？


由于SpreadJS在从外部进行复制粘贴时会直接读取系统的剪切板，所以要从Clipboard相关事件入手来解决这个问题。

1. let copiedText = "";
   
2. let clipPasted = false;
   
3. let pasteRange;
   
4. 
   
5. spread.bind(GC.Spread.Sheets.Events.ClipboardPasted, function (sender, args) {
   
6.   clipPasted = false;
   
7. 
   
8.   if (args.pasteData.html != "" && args.pasteData.text != "") {
   
9.     clipPasted = true;
   
10.     pasteRange = args.cellRange;
    
11.   }
    
12. 
    
13.   if (!navigator.clipboard) {
    
14.     setTextArray(copiedText);
    
15.   }
    
16. });
    
17. 
    
18. document.querySelector(".preview-excel").addEventListener('paste', function (event) {
    
19.   if (!navigator.clipboard) {
    
20.     if (event.clipboardData) {
    
21.       copiedText = event.clipboardData.getData('text');
    
22.     } else {
    
23.       copiedText = window.clipboardData.getData('text');
    
24.     }
    
25.     return;
    
26.   }
    
27.   if (!clipPasted) return;
    
28.   let paste = (event.clipboardData || window.clipboardData).getData('text');
    
29.   setTextArray(paste);
    
30. });
    
31. 
    
32. function setTextArray(paste) {
    
33.   let sheet = spread.getActiveSheet();
    
34. 
    
35.   var textArray = [];
    
36.   var copyText = paste.split('\n');
    
37. 
    
38.   for (var i = 0; i < pasteRange.rowCount; i++) {
    
39.     var copyRow = copyText[i].replace(/\r/, "").split('\t');
    
40.     for (var j = 0; j < copyRow.length; j++) {
    
41.       if (copyRow[j] === "") {
    
42.         copyRow[j] = null;
    
43.       }
    
44.     }
    
45.     textArray.push(copyRow);
    
46.   }
    
47. 
    
48.   sheet.suspendPaint();
    
49.   sheet.suspendDirty();
    
50.   sheet.suspendEvent();
    
51. 
    
52.   console.log(textArray);
    
53.   for (let i = 0; i < textArray.length; i++) {
    
54.     for (let j = 0; j < textArray[i].length; j++) {
    
55.       sheet.setText(i + pasteRange.row, j + pasteRange.col, textArray[i][j]);
    
56.     }
    
57.   }
    
58. 
    
59.   sheet.resumeEvent();
    
60.   sheet.resumeDirty();
    
61.   sheet.resumePaint();
    
62. };

复制代码

以上代码分别对SpreadJS和SpreadJS的容器设置了事件监听，可能有部分小伙伴看到过之前的帖子（https://gcdn.grapecity.com.cn/showtopic-88616-1-1.html），对这段代码非常的眼熟。

之前帖子中的代码有一个致命的缺陷，在复制数值单元格到SpreadJS中的时候你会发现数值被存储为了字符串，这并不是我们想要的效果，因此将原来方法中的setArray换成了setText来实现，这样就可以解决这个问题了。

也可参考：

1. let oldSetValue = GC.Spread.Sheets.Worksheet.prototype.setValue;
   
2. GC.Spread.Sheets.Worksheet.prototype.setValue = function (
   
3.   row,
   
4.   col,
   
5.   value,
   
6.   sheetArea,
   
7.   ignoreRecalc
   
8. ) {
   
9.   console.log(row, col, value);
   
10.   if (value == "　") {
    
11.     value = null;
    
12.   }
    
13.   console.log(row, col, value);
    
14.   oldSetValue.call(this, row, col, value, sheetArea, ignoreRecalc);
    
15. };

复制代码

Joestar.Xu 发表于 2024-7-24 14:20
也可参考：

这种方式是否无法区分用户数据的空格还是copy加上的空格？

是的，无法区分。

不过一般情况下，客户给单元格中添加单纯的空格也没有实际意义。