x icon indicating copy to clipboard operation
x copied to clipboard

HighlightCode插件的复制功能有问题

Open kagaricyan opened this issue 3 weeks ago • 1 comments

重现步骤

在线示例链接:(必填) 官网文档即可复现 https://x.ant.design/x-markdowns/plugin-highlightcode-cn/ 步骤:

  1. 打开链接
  2. 点击代码块右上角的复制按钮
Image

当前行为

复制的内容是:“复制代码”

预期行为

复制对应代码

上下文

看了下源码,发现复制按钮改为了 <Actions.Copy text={contextLocale.copy} onClick={handleCopyCode} />, Actions.Copy组件的说明文档又是把要复制的内容作为text属性传递,现在写的是按钮名称 Image

版本

2.0.0

您在哪些浏览器上遇到了这个问题?

Chrome

kagaricyan avatar Nov 25 '25 06:11 kagaricyan

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

Chat with Dosu Open in Cursor Join Discord Share on X

dosubot[bot] avatar Nov 25 '25 06:11 dosubot[bot]