美文网首页uView
关于uview u-parse修改富文本样式

关于uview u-parse修改富文本样式

作者: 海之深处爱之港湾 | 来源:发表于2021-05-12 11:31 被阅读0次

如果是简单的场景,比如一段简单的文字和图片内容,可以优先使用rich-text组件,在文章内容,商品详情等复杂的文本详情,可以优先使用parse组件。

问题:

如果将样式写入data中,部分样式回篡改页面中其他元素字体;

 <u-parse
           :html="recordHtml"
           :tag-style="{
             table: 'width:100%;',
             tr: 'width:80%;',
             td: 'font-size:10rpx!important;',
             p: 'font-size:20rpx;!important;',
             span: 'font-size:16rpx!important;',
           }"
           :autosetTitle="false"
           :show-with-animation="true"
           :selectable="true"
         ></u-parse>

相关文章

网友评论

    本文标题:关于uview u-parse修改富文本样式

    本文链接:https://www.haomeiwen.com/subject/mfcadltx.html