vue修改富文本中的元素样式


富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题。

首先,直接修改是不可行的,因为是用v-html标签进行渲染的,无法直接获取到。

在修改的时候,一般是按标签进行修改,当然,也可以按class和id等,这就需要依赖到富文本的源码,看是用的什么id和class。

比如对p标签进行修改样式。

方法1:在updated周期进行修改。

updated() {
    $('.descBox').find('p').css('color', 'blue');
 },


方法2:将style设置成全局
去掉style标签中的scoped属性即可。


免责声明!

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



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