鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 关于实现TextView富文本功能

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

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

HarmonyOS 关于实现TextView富文本功能 -鸿蒙开发者社区

HarmonyOS

2024-12-24 17:56:30

872浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

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.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

回复

2024-12-24 20:14:09

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 富文本点击事件

1526浏览 • 1回复待解决

HarmonyOS 富文本超出容器

1255浏览 • 1回复待解决

HarmonyOS 计算富文本宽高的实现方案

945浏览 • 1回复待解决

HarmonyOS 加载富文本问题

1078浏览 • 1回复待解决

HarmonyOS 富文本渲染问题

1172浏览 • 1回复待解决

HarmonyOS 使用RichText加载富文本字体太小，且加载富文本时偶现白屏无法显示富文本内容

996浏览 • 1回复待解决

HarmonyOS TextView如何设置部分文本的样式？

1068浏览 • 0回复待解决

TextArea组件是否支持输入富文本（比如emoji表情和富文本）

3414浏览 • 1回复待解决

HarmonyOS 富文本组件问题

1305浏览 • 1回复待解决

HarmonyOS html富文本显示问题

2224浏览 • 1回复待解决

HarmonyOS TextInput是否支持富文本

943浏览 • 1回复待解决

HarmonyOS 如何支持表情和富文本

1820浏览 • 2回复待解决

HarmonyOS 富文本内容字体大小动态修改如何实现？

1448浏览 • 1回复待解决

HarmonyOS有富文本的支持么？如何在一段富文本中嵌入图片呢？

1417浏览 • 1回复待解决

HarmonyOS Web组件加载富文本异常

1323浏览 • 1回复待解决

HarmonyOS Text组件富文本解析问题

828浏览 • 1回复待解决

HarmonyOS 富文本加载页面适配不兼容

959浏览 • 1回复待解决

HarmonyOS web控件加载富文本，字太小

1533浏览 • 1回复待解决

富文本扩展点击监听返回url

1663浏览 • 1回复待解决

鸿蒙-富文本如何添加图片

8414浏览 • 1回复待解决

HarmonyOS 如何实现长文本实现展开收起功能

793浏览 • 1回复待解决

如何实现文本展开收起功能

1419浏览 • 1回复待解决

HarmonyOS 富文本不支持trthtd标签

1008浏览 • 1回复待解决

HarmonyOS Text组件如何展示富文本内容？

1110浏览 • 1回复待解决

HarmonyOS Web加载富文本，内容尺寸过大，超出屏幕

1194浏览 • 1回复待解决

提问

该提问已有2人参与，帮助了19人

相关讨论帖

HarmonyOS开发-关于定位功能实现 0回复

【HarmonyOS】【进阶】关于鸿蒙原生使用原生相机实现扫一扫功能 0回复

各位是更喜欢富文本编辑器还是markdown编辑器呢 2回复

HarmonyOS应用开发-搜索界面功能实现 0回复

关于升级鸿蒙系统后降噪功能 1回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载