HarmonyOS 加载富文本问题
需要展示一段富文本:“<p><span style=“background-color: rgb(255, 255, 255); font-size: 48px;”>规格:</span></p><p><span style=“background-color: rgb(255, 255, 255); font-size: 48px;”>一盒</span><span style=“color: rgb(96, 98, 102); background-color: rgb(255, 255, 255); font-size: 48px;”>630ml</span></p><p><span style=“background-color: rgb(255, 255, 255); font-size: 48px;”>三盒</span><span style=“color: rgb(96, 98, 102); background-color: rgb(255, 255, 255); font-size: 48px;”>1890ml</span></p><p><span style=“background-color: rgb(255, 255, 255); font-size: 48px;”>六盒</span><span style=“color: rgb(96, 98, 102); background-color: rgb(255, 255, 255); font-size: 48px;”>3780ml</span></p>”
使用的是ReichText 组件,可正常显示,就是高度无法确定,想咨询下这个组件的高度改如何设置,才能是富文本内容全部展示出来。是否有其他的方案展示富文本?
RichText组件无法直接设置高度,只能根据其包含的html内容撑开,无法通过设置高度来控制其大小。
RichText文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-0000001861886725-V5#ZH-CN_TOPIC_0000001861886725__%E6%8E%A5%E5%8F%A3
不适用场景:RichText组件不适用于对HTML字符串的显示效果进行较多自定义的应用场景。例如RichText组件不支持通过设置属性与事件,来修改背景颜色、字体颜色、字体大小、动态改变内容等。在这种情况下,推荐使用Web组件。
请参考demo:
1、在rawfile文件夹新建Index.html。
2、在Index.ets中调用Index.html页面。