鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS 类似Html.fromHtml()的API

聊天界面ListItem项展示富文本，如a标签。RichText组件无法自适应高度，不满足需求。

HarmonyOS

2024-09-04 12:02:48

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以参考以下示例：

import web_webview from '@ohos.web.webview'; 
@Entry 
@Component 
struct RichTextExample { 
  @State data: string = '<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: 0 auto;">' + 
    '<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>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>'; 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  build() { 
    Column(){ 
      Web({ src: '', controller: this.controller }) 
        .onControllerAttached(() => { 
          this.controller.loadData(` 
<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"> 
<style> 
html,body{padding:0px;margin:0px;} p{padding:0px;margin:0px;} div{padding:0px;margin:0px;} img{max-width: 100%; width:auto; height:auto!important;} div{font-size:16px} 
</style> 
</head> 
<body>${this.data}</body> 
</html>`, "text/html", "UTF-8") 
        }) 
    } 
  } 
}

回复

2024-09-04 16:26:47

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

发布

相关问题

HarmonyOS 如何使用类似Html.fromHtml() 的方法?

911浏览 • 1回复待解决

HarmonyOS 如何实现类似于Html.fromHtml(pageContent);的能力

1032浏览 • 1回复待解决

富文本组件问题，如果要解析html数据并使用Span组件显示，如何使用类似 Html.fromHtml 的方法处理

3554浏览 • 1回复待解决

HarmonyOS 类似Html.fromHtml将含有html标签的字符串转换成对应格式的文字显示在界面上

941浏览 • 1回复待解决

arkts 里面有显示简单富文本的控件写法吗，不用webview。类似Android里面的 Html.fromHtml()

330浏览 • 1回复待解决

HarmonyOS 中线程安全，类似ConcurrentHashMap的API

1483浏览 • 1回复待解决

HarmonyOS richEditor 能否实现类似maxLines之类的api

822浏览 • 1回复待解决

HarmonyOS 有类似audioManager.getActiveRecordingConfigurations的api吗

871浏览 • 1回复待解决

HarmonyOS webview中有没有类似addWebMessageListener的api

944浏览 • 1回复待解决

HarmonyOS 上是否有类似getMimeTypeFromExtension方法的api

1059浏览 • 1回复待解决

HarmonyOS 是否有类似xfermode相关的图形绘制api

878浏览 • 1回复待解决

HarmonyOS 是否有类似synchronized关键字的api ？

1335浏览 • 1回复待解决

HarmonyOS webview加载html片段，是否有相关的api设置宽度的自适应

1220浏览 • 1回复待解决

除了core file kit还有类似DiskLruCache的api？

3127浏览 • 1回复待解决

Harmony OS有没有类似KeyChain的api提供

1586浏览 • 1回复待解决

HarmonyOS list有没有enablepageing类似的api？

885浏览 • 1回复待解决

HarmonyOS ArkTS是否有类似ts的捕获Promise中未处理的异常api吗，类似：unhandledrejection

937浏览 • 1回复待解决

HarmonyOS 可以用类似text的组件来展示一段html标签内容么

953浏览 • 1回复待解决

HarmonyOS ArkUI 有没有类似通知中心（NSNotificationCenter）这样的API Kit

969浏览 • 1回复待解决

HarmonyOS 是否有类似Native C++调用系统API

1093浏览 • 1回复待解决

harmony的API有没有日历组件，类似于Calender之类的？

3540浏览 • 1回复待解决

HarmonyOS 有类似kotlin里CharSequence.matches这个api吗

909浏览 • 1回复待解决

请问鸿蒙里面怎样实现类似vue中v-html这一功能呢？

3951浏览 • 1回复待解决

HarmonyOS 原生解析html的诉求

1007浏览 • 1回复待解决

js api 中类似 localstorage 的存储是哪一种?

5457浏览 • 1回复待解决

提问

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

相关讨论帖

HarmonyOs webview 加载本地html 6回复

harmonyOS 鸿蒙回到主线程、ui线程类似于Android的 runUI 0回复

HarmonyOS自定义Component（类似Android的自定义View）实现方式 0回复

基于ArkUI实现类似.9图的拉伸能力 0回复

HarmonyOS css样式与普通HTML css样式之间存在的区别 2回复

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