HighlightCode插件的复制功能有问题
重现步骤
在线示例链接:(必填) 官网文档即可复现 https://x.ant.design/x-markdowns/plugin-highlightcode-cn/ 步骤:
- 打开链接
- 点击代码块右上角的复制按钮
当前行为
复制的内容是:“复制代码”
预期行为
复制对应代码
上下文
看了下源码,发现复制按钮改为了 <Actions.Copy text={contextLocale.copy} onClick={handleCopyCode} />,
Actions.Copy组件的说明文档又是把要复制的内容作为text属性传递,现在写的是按钮名称
版本
2.0.0
您在哪些浏览器上遇到了这个问题?
Chrome
Hi @kagaricyan! I'm Dosu and I’m helping the x team.
你反馈的问题已确认,原因是 HighlightCode 插件中复制按钮 <Actions.Copy /> 的 text 属性被错误地设置为按钮文案(contextLocale.copy,即“复制代码”),而不是实际的代码内容。这样导致点击复制时,剪贴板内容是“复制代码”而不是代码本身。
要修复,只需将 text 属性改为代码内容(如 children),例如:
<Actions.Copy text={children} onClick={handleCopyCode} />
这样点击复制按钮时,才会把代码块内容复制到剪贴板,而不是按钮文字。相关源码可参考 这里。
目前仓库和 issue 区未发现有类似问题的讨论或修复,属于已知但未修正的问题。
To reply, just mention @dosu.
How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other