HarmonyOS 鸿蒙Next RichText渲染html真是无语了！
HarmonyOS 鸿蒙Next RichText渲染html真是无语了！
```
RichText(`
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
${this.interview.content}
</body>
</html>
`)
.width("100%")
.height("100%")
```
字小的试试这个，真机可滚动
我遇到的问题是，时而好使时而不好使！！！
我是使用web组件加载富文本解决的。
private controller: web_webview.WebviewController = new web_webview.WebviewController()
Web({ src: "", controller: this.controller })
.height('100%')
.width('100%')
.enabled(false)
.onControllerAttached(() => {
try {
this.controller.loadData(this.content, "text/html", "UTF-8", " ", " ");
} catch (error) {
}
})
.javaScriptAccess(true)
.onPageEnd(() => {
let scriptContent = "var meta = document.createElement('meta');"
scriptContent += "meta.name='viewport';"
scriptContent += "meta.content='width=device-width';"
this.controller.runJavaScript(scriptContent)
})
}
RichText是富文本组件，可以解析并显示HTML格式文本。我这里貌似正常哦，望采纳答案。
示例如下：
RichText('<h1 style="text-align: center;">h1标题</h1>' +
'<h1 style="text-align: center;"><i>h1斜体</i></h1>' +
'<h1 style="text-align: center;"><u>h1下划线</u></h1>' +
'<h2 style="text-align: center;">h2标题</h2>' +
'<h3 style="text-align: center;">h3标题</h3>' +
'<p style="text-align: center;">p常规</p><hr/>' +
'<div style="width: 500px;height: 500px;border: 1px solid;margin: 0auto;">' +
'<p style="font-size: 35px;text-align: center;font-weight: bold; color: rgb(24,78,228)">字体大小35px,行高45px</p>' +
'<p style="background-color: #e5e5e5;line-height: 45px;font-size: 35px;text-indent: 2em;">' +
'<p>这是一段文字这是一段文字这是一段文字 上述示例中，界面效果如下
更多HarmonyOS参考资料
- 《跟老卫学HarmonyOS开发》 开源免费教程：https://github.com/waylau/harmonyos-tutorial
- 《鸿蒙HarmonyOS手机应用开发实战》（清华大学出版社）
- 《鸿蒙HarmonyOS应用开发从入门到精通战》（北京大学出版社），
- “鸿蒙系统实战短视频App 从0到1掌握HarmonyOS” ：https://coding.imooc.com/class/674.html
