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

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

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

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

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

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

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


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

猜你喜欢

转载自www.cnblogs.com/ljwsyt/p/11365680.html