Pre标签内代码复制时空格过多怎么办？

标签内代码复制空格问题的解决方法</strong></p>
<p>在复制<pre class="brush:php;toolbar:false">标签中的代码时，经常会遇到空格过多导致代码格式错乱的问题。这通常是因为使用了html()方法获取代码内容，该方法会保留HTML标签中的所有空格和换行符，导致浏览器渲染时出现多余空格。</p>
<p><strong>问题描述：</strong></p>
<p>许多开发者使用textarea元素结合document.execCommand('copy')实现代码复制功能。然而，如果使用html()方法获取<pre class="brush:php;toolbar:false">标签内容，复制后的代码将包含大量多余空格。</p>
<p><strong>问题示例代码：</strong></p>
<pre class="brush:php;toolbar:false">jQuery(document).ready(function($) {
    var copyid = 0;
    $('pre').each(function() {
        copyid++;
        $(this).attr('data-copyid', copyid).wrap('<div class="pre-wrapper"/>');
        $(this).parent().css('margin', $(this).css('margin'));
        $('复制代码').insertAfter( $(this) ).data('copytarget', copyid);
    });

    $('body').on('click', '.copy-snippet', function(ev) {
        ev.preventDefault();
        var $copyButton = $(this);
        $pre = $(document).find('pre[data-copyid=' + $copyButton.data('copytarget') + ']');
        if ($pre.length) {
            var textArea = document.createElement("textarea");
            // ... (其他代码省略) ...
            textArea.value = $pre.html(); // 这里使用了 .html() 方法
            // ... (其他代码省略) ...
        }
    });
});