Vue - 修改富文本内元素样式，支持 scoped （自定义指令解析的富文本内图片、表格元素，即保留原有样式，又能加入额外自定义的样式详细教程）nuxt.js uni-app 微信小程序wechat

前言

网上的大部分教程都是直接覆盖掉，要么就是直接 CSS 全局改变，非常臃肿不优雅。

本文将带您从 0-1 实现该功能，让您轻松自定义富文本内的所有元素，

本文提供的方法 既保留富文本内图片原有的样式，又要能加入额外的样式，

---

如下图所示，在原有基础图片上，加入了额外样式：红色大边框与降低图片透明度：

兼容 nuxt.js / uni-app / 微信小程序。

解决方案

由于本质上富文本最终渲染ÿ