rich-text 富文本組件在微信小程序中,無法直接通過外部css樣式控制文章內(nèi)容樣式。
解決方案:將傳入的富文本內(nèi)容截取并添加自定義樣式類名
(1)全局配置filter方法,實現(xiàn)富文本內(nèi)容截取轉(zhuǎn)換,附上‘rich-txt-p’樣式類
/**
* 富文本內(nèi)容處理
*/
export function richTxtFilter(content) {
if (!content) return ''
let val
val = content.replace(/\<p/gi, '<p class="rich-txt-p" ');
return val
}
(2)在app.vue中編輯‘rich-txt-p’內(nèi)容,即富文本需要自定義的樣式。
注:需要用 ::v-deep 深度綁定
(3)使用文章來源:http://www.zghlxwxcb.cn/news/detail-827443.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-827443.html
到了這里,關(guān)于uniapp rich-text 富文本組件在微信小程序中自定義內(nèi)部元素樣式的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!