onpaste里读不到clipboardData需同步访问：先判空const cd = event.clipboardData || window.clipboardData，再检查cd.types是否包含'text/plain'或'text/html'，避免报错并兼容IE与Safari iframe场景。
onpaste 里读不到 clipboardData 怎么办
直接写 onpaste="handlePaste(event)" 是安全的，但函数体里不能用 setTimeout 或 Promise.then 延迟读取，否则 event.clipboardData 已被清空。必须同步访问：
- 先判空：
const cd = event.clipboardData || window.clipboardData，IE 只认后者，Safari iframe 场景下前者可能为null - 读取前检查类型：
if (cd.types && cd.types.includes('text/plain'))，避免调用cd.getData('text/plain')报错 - 别只依赖
'text/plain'—— Safari 和旧 Android 上常为空，得 fallback 到'text/html'再解析 DOM
contenteditable 元素粘贴后崩样式怎么修
设了 contenteditable="true" 却粘出乱码、脚本执行、段落塌成一行？这不是 bug，是浏览器默认把剪贴板 HTML 原样插入。必须显式拦截：
- 一定要
event.preventDefault()，否则你的处理逻辑白写 - 别用正则
/<[^>]*>/g删标签——漏掉注释、CDATA、自闭合标签里的危险属性（如<img src=x onerror=alert(1)>） - 优先取
event.clipboardData.getData('text/html')，用DOMParser解析，再遍历节点提取textContent，比纯文本更可靠 - 对
<p>、<div>（display: block）手动补\n；连续空格用.replace(/\s+/g, ' ')后再转空格
input/textarea 中怎么插到光标位置而不是末尾
直接赋值 input.value = processedText 会把内容塞到末尾，用户在中间粘贴就错位。得手动定位：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 对
<input>和<textarea>，用setRangeText()：它支持精确光标控制，兼容 IE10+，且能保留选区 - 调用前先保存当前光标位置：
const start = input.selectionStart; const end = input.selectionEnd; - 处理完文本后：
input.setRangeText(processedText, start, end, 'end');，第四个参数控制光标停在插入后还是原位置 - 别用
document.execCommand('insertText')—— Chrome 97+ 已废弃，Safari 不支持，且总插在末尾
过滤后缩进和换行消失怎么保结构
用 innerText 或正则删标签会丢换行；用 textContent 又混入零宽字符（\u200b）、软连字符（\u00ad），导致渲染异常：
立即学习“前端免费学习笔记（深入）”；
- 提取文本后统一清理：
.replace(/\u200b/g, '').replace(/\u00ad/g, '') - 对块级元素（
<p>、<div>、<h1>等）之间补双换行，内联元素（<span>、<strong>）之间只补单空格 - 首行缩进靠空格？别简单
.trim()—— 先用.replace(/^(\s+)/, '$1')保留开头空白，再整体清洗 - iOS 上粘贴后空白？那是
getSelection().getRangeAt(0)在某些场景返回无效 range，需加if (range && range.toString())安全判断
event.preventDefault() 必须在所有分支都执行**，哪怕你只打算部分过滤或只提示不拦截，漏掉它就会触发两次插入（一次你的，一次浏览器默认）。还有就是 DOMParser 解析 text/html 时，必须包裹一层 <body>，否则 <div> 直接作为根节点会被丢弃。 
