contenteditable span复制粘贴文本自动转为span的问题求助
解决contenteditable span粘贴自动生成span标签的问题
要让开启contenteditable的span粘贴时只插入纯文本,你可以通过监听paste事件,强制替换粘贴内容为纯文本:
const editableSpan = document.querySelector('span[contenteditable="true"]'); editableSpan.addEventListener('paste', function(e) { // 阻止浏览器默认的带格式粘贴行为 e.preventDefault(); // 从剪贴板获取纯文本内容 const plainText = e.clipboardData.getData('text/plain'); // 将纯文本插入到当前光标位置 document.execCommand('insertText', false, plainText); });
这段代码会拦截所有粘贴操作,丢弃剪贴板里的富文本格式,只提取纯文本并插入到span中,彻底避免粘贴时自动生成span等格式标签。
内容的提问来源于stack exchange,提问作者avery
相关产品推荐
相关产品推荐

