问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

HarmonyOS 关于实现TextView富文本功能？

头像
HarmonyOS码上奇行
    12.3k16330

    如何实现弹窗中温馨提示下面的富文本内容。且弹窗高度是固定的可以上下滚动

    我还需要部分文字可点击，点击后进行处理

    HarmonyOSharmonyosharmonyos-next
    阅读 552
    1 个回答
    得票最新
    头像
    HarmonyOS码上奇行
      12.3k16330

      RichText组件不适用于对HTML字符串的显示效果进行较多自定义的应用场景。例如RichText组件不支持通过设置属性与事件，来修改背景颜色、字体颜色、字体大小、动态改变内容等。在这种情况下，推荐使用Web组件。

      RichText文档 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5\#接口

      对于超链接加载监听参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5\#oninterceptrequest9

      参考示例：

      import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';


@Entry
@Component
struct RichTextDemo {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  responseResource: WebResourceResponse = new WebResourceResponse()
  @State weburl:string = ''
  data: string = `<html><body bgcolor=\"white\">
<a href="https://www.huawei.com">我是链接</a>
<br/>
<br/>
<br/>
<a href="https://news.huawei.com/">我是链接，会跳转</a>
</body></html>`

  build() {
    Column() {
      Button('loadData')
        .onClick(() => {
          try {
            this.controller.loadData(this.data, "text/html", "UTF-8"," ", " ")
          } catch (error) {
            let e: business_error.BusinessError = error as business_error.BusinessError;
            console.error(`ErrorCode: ${e.code}, Message: ${e.message}`);
          }
        })
      Web({ src: '', controller: this.controller })
        .mixedMode(MixedMode.All)
        .javaScriptAccess(true)

    }
  }
}
      查看全部 1 个回答
      推荐问题