首页 > 文章列表 > 为什么复制带有“复制代码”功能的 pre 标签代码时,会出现大量空格?

为什么复制带有“复制代码”功能的 pre 标签代码时,会出现大量空格?

453 2025-02-16

为什么复制带有“复制代码”功能的 pre 标签代码时,会出现大量空格?

复制 Pre 标签代码时出现大量空格的解决方案

当你为 pre 标签添加了"复制代码"功能时,可能会遇到复制出来的代码中出现大量空格的问题。这是因为在将代码放入 <textarea> 中时,pre 标签中的格式转换成了空格。

解决方案:

为了解决这个问题,需要使用 text 方法获取 pre 标签中的文本内容,而不是 HTML 内容。修改后的代码如下:

textArea.value = $pre.text();
来源:1731055318