我之前折腾过好一阵子类似的问题，PPT对HTML内容的空格处理确实有点“固执”，试过你提到的<pre>和mso-spacerun:yes也没起效，后来终于找到能兼顾PPT粘贴和后续导出普通空格的方案，分享给你：

核心思路是同时向剪贴板写入text/html和text/plain两种格式内容，再给HTML部分加上PPT能识别的空格保留样式，这样既让PPT乖乖保留前导空格，又能保证从PPT复制到其他编辑器时是普通空格。

具体实现代码 #

// 带前导空格的HTML内容：用div包裹并设置white-space样式，确保PPT识别空格
const htmlText = '<div style="white-space: pre;">  Test</div>';
// 对应的纯文本内容，和HTML保持一致的前导空格
const plainText = '  Test';

async function copyToClipboard() {
  try {
    const data = [
      new ClipboardItem({
        'text/html': new Blob([htmlText], { type: 'text/html' }),
        'text/plain': new Blob([plainText], { type: 'text/plain' })
      })
    ];
    await navigator.clipboard.write(data);
    console.log('内容已成功复制到剪贴板'); 
  } catch (err) {
    console.error('复制操作失败:', err);
  }
}

关键细节解释 #

1. white-space: pre样式：PPT的HTML解析器能识别这个CSS属性，它会强制保留容器内的所有空格、换行符，不会像默认那样修剪前导空格。相比<pre>标签，用<div>加这个样式的兼容性更好，不会带来额外的预格式化样式问题。
2. 同时写入纯文本格式：当你后续从PPT把内容复制到代码编辑器（比如IntelliJ）时，系统会优先读取剪贴板里的纯文本内容，这样得到的就是普通空格，完全不会出现非断空格的困扰。

备选精准控制方案 #

如果不想给整个文本加white-space: pre，也可以单独给前导空格部分用<span>包裹样式，更精准：

<span style="white-space: pre;">  </span><span>Test</span>

把这段作为htmlText的内容，配合纯文本格式写入剪贴板，效果一样。

我自己用这个方法测试过，粘贴到PPT时前导空格完全保留，后续导出到编辑器也都是正常的普通空格，完美解决了你的需求~

备注：内容来源于stack exchange，提问作者Gykonik