vue-quill-editor富文本編輯器,添加了漢化樣式卻漢化不了


背景

今天在做后台管理系統時,嘗試整合 vue-quill-editor 富文本編輯器,整合完成后,想進行漢化,查閱資料發現,只需自己定義樣式替換即可。

原因

當進行漢化時,發現樣式並沒有替換,漢化失敗,使用 F12 進行查看,發現class也對應的上,而樣式就是沒有改變



解決方法

經過查閱網上資料和自己調試,發現原來是缺少了 !important 修飾符標識。

添加上 !important 修飾符標識,在看結果,漢化成功,如下:



!important 說明如下:

!important,作用是提高指定樣式規則的應用優先權(優先級)。語法格式{ cssRule !important },即寫在定義的最后面,例如:box{color:red !important;}。
在CSS中,通過對某一樣式聲明! important ,可以更改默認的CSS樣式優先級規則,使該條樣式屬性聲明具有最高優先級。


## 總結 - vue-quill-editor的CSS樣式需要具有最高優先級才能生效。 - 要多注意細節的問題,不要光復制粘貼,草草了事。

**如果覺得這篇文章對你有幫助,就給個 推薦 吧!**


免責聲明!

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



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