wangeditor标题样式不生效

1,283 阅读1分钟

在vue3项目中使用了wangeditor,标题样式怎么都不生效,排查后发现跟windicss有关,感谢文章 wangEditor的一些坑记录_一条大河全靠浪的博客-CSDN博客 ,受这篇文章的启发,在本页面写了如下样式进行覆盖,

h1 {
  font-size: 2em;
  font-weight: bold;
}
h2 {
  font-size: 1.5em;
  font-weight: bold;
}
h3 {
  font-size: 1.17em;
  font-weight: bold;
}
h4 {
  font-size: 1em;
  font-weight: bold;
}
h5 {
  font-size: 0.83em;
  font-weight: bold;
}

并且这里需要将scoped删除,

<style lang="scss" scoped> 

这样标题样式就可以展示出来了。

D02325AE-4DA8-43d3-A71D-5B1D7BB4D4E1.png