火狐浏览器：可编辑DIV中粘贴从word拷贝的文字会复制DIV所在的li，出现两个可编辑DIV

Posted 2023-03-09

网页中给div设置了一个属性 contenteditable="true",这样div就可以充当textarea了，但是如果这个div的父级是li，那么在word中拷贝过来的文字粘贴的时候，会把li复制一个兄弟li出来,而且还把内容给平分了，

如下图，求解决！！！
有没有解决方案呢？

参考技术A 　　尊敬的用户，您好！很高兴为您答疑
　　开启此属性的div中，进行编辑时，不同浏览器下的键盘命令生成的元素是有区别的。如：IE中输入回车后形成的是元素<p>；Firefox中则不是。所以请您先检查一下您从word中贴过来的元素类型。（word本身贴出来的也是超文本格式）
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。追问

word贴出来的文本是带格式的。格式如图

参考技术B 看你截图，之所以要用li是因为这是一个序列，li只是序列的一个体现形式，不是所有的列表都必须要用li，换种标签结构试一试本回答被提问者采纳 参考技术C 刚才我删除其他代码，发现把div编辑框放到body下面就不会复制父级了，你可以试试 参考技术D 用记事本中 转一下