vue中使用對非表單元素使用contenteditable的問題


先說下問題,再上解決方案:

span編輯時有多余空格和回車會影響樣式(我用的是span便以此為例)

 

代碼:(有換行符)

效果圖:

 

 

代碼:(無換行符)

效果圖:

 

 

當在span標簽的contenteditable屬性為true並當內容發生改變時,才會出現多余的空格問題,使用js獲取dom也是可以發現其中空格但是使用正則或splice等方法都無法去除,現有解決方案就是在代碼中避免出現換行符和空格(空格也可能會引起此問題)。

如果廣大博友知道更好的解決方案的話希望不吝賜教,在此謝過!!!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM