vue中使用对非表单元素使用contenteditable的问题


先说下问题,再上解决方案:

span编辑时有多余空格和回车会影响样式(我用的是span便以此为例)

 

代码:(有换行符)

效果图:

 

 

代码:(无换行符)

效果图:

 

 

当在span标签的contenteditable属性为true并当内容发生改变时,才会出现多余的空格问题,使用js获取dom也是可以发现其中空格但是使用正则或splice等方法都无法去除,现有解决方案就是在代码中避免出现换行符和空格(空格也可能会引起此问题)。

如果广大博友知道更好的解决方案的话希望不吝赐教,在此谢过!!!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM