自动换行如何拿到单元格所有的文本

收藏

本帖最后由 Richard.Huang 于 2023-11-23 14:00 编辑

产品：SpreadJS
版本：V14

image.png101181029.png

参考：https://gcdn.grapecity.com.cn/showtopic-146524-1-1.html

GC.Spread.Sheets.Designer.wrapper.spread.bind(
GC.Spread.Sheets.Events.EditEnding,
function (sender, args) {
window.globalSelectJson = {};
if (window.getSelection) {
//一般浏览器
var userSelection = window.getSelection();
var userSelectionx = userSelection.toString();
// 整个文本
var text = userSelection.anchorNode.textContent;
// 起点
var anchor = userSelection.anchorOffset;
// 终点
var focus = userSelection.focusOffset; //extentOffset
var length = text.length;
if (anchor > focus) {
anchor += focus;
focus = anchor - focus;
anchor -= focus;
}
window.globalSelectJson = {
text: text,
anchor: anchor,
focus: focus,
length: length,
};
}
}
);

复制代码

问题：这种自动换行里面预期应该拿到单元格所有的文本，现在只拿到了光标所在行的文本，怎么解决？

Richard.Huang · Richard.Huang

您好，只能拿到光标所在行的文本的原因是，您输入的文本中存在换行符（并不是自动换行造成，自动换行是没有换行符的）。而您代码中 userSelection.anchorNode.textContent;的这个textContent属性只返回节点的文本内容，不包括节点中的标记和空格等其他内容。
如果需要获取包含选中文本的整个文本内容，可以通过获取选中文本的起始和结束位置来获得选中文本所在的节点，然后获取该节点的整个文本内容。
// 示例
var userSelection = window.getSelection();
var anchorNode = userSelection.anchorNode;
var focusNode = userSelection.focusNode;

// 判断选中文本是不是在同一个节点中，如果不是，则获取包含选中文本的最组共同的祖先节点
if (anchorNode.parentNode !== focusNode.parentNode) {
  var range = userSelection.getRangeAt(0);
  var commonAncestor = range.commonAncestorContainer;
  wholeText = commonAncestor.textContent;
} else {
  wholeText = anchorNode.parentNode.textContent;
}

console.log(wholeText);

nobt · nobt

Richard.Huang 发表于 2023-11-22 13:45
您好，只能拿到光标所在行的文本的原因是，您输入的文本中存在换行符（并不是自动换行造成，自动换行是没有 ...

这个拿全部文本的方式确实拿到了，但是出现了新问题，就是拿全文本后没法对这样的文本在对应的里面加上sub/sup的标签包裹，原来14版本之前你们没做限制的时候，我看实现的方案是这样：
userSelection.anchorNode.replaceData(anchor, focus - anchor, cornermarkstart + s2 + cornermarkend);
activeSheet.setValue(rowindex, columnindex, userSelection.anchorNode.parentElement.innerText);

也就是像你这种先将当前光标行所在的节点加上sub/sup，再把当前整个节点的值放回去

在14.1.3里面现在用这种事件的写法，表现为：方法执行到cornermark后，去拿EditEnding事件中赋值的全局userSelection对象，不是预期的userSelection，userSelection会哪里重置了，麻烦在我这个demo里面复现下，看怎么解决，谢谢

14.0.0版本 -subsup.zip (1.95 KB, 下载次数: 81)

nobt · nobt

附件里面是14.1.3版本，异常，需要解决
附件里面改为14.0.0版本，功能正常

Richard.Huang · Richard.Huang

nobt 发表于 2023-11-22 15:58
附件里面是14.1.3版本，异常，需要解决
附件里面改为14.0.0版本，功能正常

我将您的demo进行了修改，能够成功执行，您可以查看一下是否是您需要的功能和实现

nobt · nobt

Richard.Huang 发表于 2023-11-22 18:45
我将您的demo进行了修改，能够成功执行，您可以查看一下是否是您需要的功能和实现

文本：
中国陕西省西安市\n\n西安葡萄城软件技术有限公司\n\n最新产品活字格\n\n遥遥领先

image.png261850585.png

文本：
中国陕西省西安市\n\n西安葡萄城软件技术有限公司\n\n最新产品活字格\n\n遥遥领先

Richard.Huang · Richard.Huang

详细调研了一下windows.getSelection方法对于选中内容的识别和判定，他对于换行等字符的识别存在特殊处理，windows.getSelection如果遇到换行符，那么他对于选定内容偏移量的计算会从新开始，为了解决该问题，咱们需要累加所有偏移量，且对于换行符我们需要按照两个字符长度来计算。最后通过字符拼接的方式实现您的需求。我按照该描述从新做了一个demo，您可以下载后进行测试

Richard.Huang · Richard.Huang

您好，请问您的问题是否得到解决，如果仍存在相关疑问，欢迎继续跟帖询问

Joestar.Xu · Joestar.Xu

您好，由于本帖较长时间没有回复，本帖先做结贴处理了，后续如您有其他问题，欢迎您开新帖提问。

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

[已处理] 自动换行如何拿到单元格所有的文本

8 个回复

浏览过的版块

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证