首页 > 文章列表 > 使用`html()`获取代码时,为什么出现过多空格?如何解决?

使用`html()`获取代码时,为什么出现过多空格?如何解决?

360 2025-04-08

使用`html()`获取代码时,为什么出现过多空格?如何解决?

“复制代码”按钮下的代码过多空格,如何解决?

你提供的代码中,在复制代码功能中使用“text”方法来获取文本内容,不会受 pre 元素中特殊格式的影响。但如果使用的是“html()”方法,则会将 pre 中的格式转换为空格。因此,修改代码中“$pre.html()”为“$pre.text()”即可解决过多的空格问题。

以下为修改后的代码:

...
//Set value to text to be copied
textArea.value = $pre.text();
...
来源:1731057688