外部复制excel内容字体样式自动加上【tabular-nums】问题

ColgateKas · ColgateKas

我也出现了这个了经过测试是body中存在font-variant:tabular-nums样式复制粘贴样式就没了重写掉这个样式就行了

Richard.Huang · Richard.Huang

ColgateKas 发表于 2023-11-21 11:49
我也出现了这个了经过测试是body中存在font-variant:tabular-nums样式复制粘贴样式就没了重写掉这个样式 ...

您好，能否将您的详细问题以及解决过程分享出来呢，如果切实可行，我们将为您奉上金币作为奖励哦

ColgateKas · ColgateKas

我们项目产生原因是项目中使用了umy-ui组件，然后导致了复制粘贴EXCEL样式丢失

丢失样式demo.zip (8.46 KB, 下载次数: 56)

Richard.Huang · Richard.Huang

本帖最后由 Richard.Huang 于 2023-12-4 14:53 编辑

ColgateKas 发表于 2023-11-21 16:43
我们项目产生原因是项目中使用了umy-ui组件，然后导致了复制粘贴EXCEL样式丢失

复现DEMO以及修复方法见 ...

您好，感谢您提供的demo，我们发现主要是这个umy-ui组件的css样式中存在对body标签样式的定义
image.png626333007.png

而我们系统剪贴板为了保证复制粘贴前后内容以及样式的一致性，会将复制的数据的格式以html的格式进行传输，而这个html内容中就包含这个对于body标签的应用：
image.png105048216.png

综上所述，复制粘贴的内容受到css全局样式的影响，为了解决该问题，我们可以通过修改dom元素中css的等级来屏蔽该问题。

<div id="gc-designer-container"
style="width:80%; height:835px;border: 1px solid gray;font-variant: normal !important;"></div>

复制代码

这里的“font-variant: normal !important”：设置了字体变型的样式，这里的值被设置为正常（normal）。!important 是一个 CCS 声明，意味着此规则比其他任何规则都更加优先，除非另有规则也被声明为 !important。这意味着这种字体变型的样式将覆盖匹配这个元素的其他 CSS 规则。

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

[已处理] 外部复制excel内容字体样式自动加上【tabular-nums】问题

评分

浏览过的版块

SpreadJS 认证

SpreadJS 高级认证