2024/07/27 WEB前端 No Comments uniapp rich-text/mp-html class样式添加 通过正则匹配html标签增加class ```javascript .replace(/\<img/gi, '<img class="content-img"') //匹配自定义标签 let reg = /<自定义(?:(?!<\/自定义>).|\n)*?<\/自定义>/gm ``` 编写css样式 ```javascript <style lang="scss"> .content-img { width: 100%; } </style> ``` **正则标志/g,/i,/m说明** ```javascript 1，/g （globle）表示该表达式将用来在输入字符串中查找所有可能的匹配，全文查找出现的所有匹配字符,返回的结果可以是多个。如果不加/g最多只会匹配一个 2，/i （ignorCase）表示匹配的时候不区分大小写, 忽略大小写，注意仅是忽略大小写，并不忽略全半角。 3，/m （mutiple）表示多行匹配，多行查找什么是多行匹配呢？就是匹配换行符两端的潜在匹配。影响正则中的^$符号 m 影响 ^、$。 若不指定 m，则：^ 只在字符串的最开头，$ 只在字符串的最结尾。即：匹配整个串的开始和结束 若指定 m，则：^ 在字符串每一行的开头，$ 在字符串每一行的结尾。即：匹配每一行的开始和结束 ``` 本文最后更新于 2024-07-27 09:33:03 并被添加「uniapp」标签，已有 919 位童鞋阅读过。 本文作者：未来往事 本文链接：https://felixway.cn/post/707.html 本站使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处 相关文章 uniapp H5唤起手机地图软件 uniapp vue3小程序版本更新升级提示 uniapp getBLEDeviceCharacteristics 10004 苹果IOS uniapp vue3获取表单数据 uniapp vue3获取input标签数据