如何移除CodeMirror文本框复制内容中的异常字符？

我之前在使用CodeMirror的时候也踩过类似的奇怪字符坑！那些€‹之类的乱码大概率是剪贴板里的隐藏格式残留、编码问题，或者编辑器解析非纯文本内容时搞出来的。给你几个实用的解决办法，亲测能搞定：

1. 拦截粘贴事件，手动清洗内容 #

最直接有效的方式就是接管CodeMirror的粘贴动作，先把剪贴板内容过滤干净再插入。代码示例如下：

// 初始化你的CodeMirror编辑器
const editor = CodeMirror.fromTextArea(document.getElementById('your-textarea-id'), {
  lineNumbers: true,
  mode: 'text/plain', // 先建议用纯文本模式测试
  // 其他你的配置项
});

// 监听粘贴事件
editor.on('paste', (cm, event) => {
  // 先阻止默认粘贴，避免脏内容直接进去
  event.preventDefault();

  // 从剪贴板拿纯文本内容（优先取plain文本，避免HTML格式残留）
  let pasteContent = event.clipboardData.getData('text/plain');

  // 过滤异常字符：这里的正则保留了中文、英文、数字、常用标点和空格
  // 你可以根据自己的需求调整白名单，比如要保留其他符号就加进去
  const cleanContent = pasteContent.replace(/[^\u4e00-\u9fa5a-zA-Z0-9\s.,!?;:'"(){}[\]]/g, '');

  // 把清洗后的内容插入编辑器
  cm.replaceSelection(cleanContent);
});

2. 处理剪贴板的HTML格式残留 #

有时候剪贴板里的内容是从网页复制的，带了HTML标签，CodeMirror解析时可能把隐藏的格式标记转成奇怪字符。这种情况可以先剥离HTML标签再过滤：

// 先尝试拿纯文本，拿不到再拿HTML内容
let pasteContent = event.clipboardData.getData('text/plain') || event.clipboardData.getData('text/html');
// 先去掉所有HTML标签，再过滤异常字符
pasteContent = pasteContent.replace(/<[^>]*>/g, '').replace(/[^\u4e00-\u9fa5a-zA-Z0-9\s.,!?;:'"(){}[\]]/g, '');

3. 排查编辑器模式或插件冲突 #

如果上面的方法还没解决，试试切换到text/plain模式测试——有些语法高亮模式（比如Markdown、XML）可能会对特殊字符做异常解析。要是切换后问题消失，那就是模式配置的问题，需要调整对应模式的参数或者换个更稳定的模式插件。

另外，检查一下有没有其他和剪贴板、格式化相关的插件在运行，暂时禁用它们看看是不是冲突导致的。

最后提醒下：正则的白名单可以根据你的业务需求灵活调整，比如需要保留日文、特殊符号，就把对应的字符范围加到正则里就行。

内容的提问来源于stack exchange，提问作者qimisle