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

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

4 回复

可以使用StyledString.fromHtml方法

参考 https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-styled-string#fromhtml

更多关于HarmonyOS鸿蒙Next中arkts里面有显示简单富文本的控件写法吗，不用webview。类似Android里面的 Html.fromHtml()的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


不知道你说的是不是这个

TextArea

多行文本输入框组件，当输入的文本内容超过组件宽度时会自动换行显示。

高度未设置时，组件无默认高度，自适应内容高度。宽度未设置时，默认撑满最大宽度。

参考：TextArea-文本与输入-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

是的，HarmonyOS ArkTS提供了RichText组件用于显示简单富文本。它支持基础的HTML标签，例如<b>、<i>、<p>等。用法示例：

RichText({ content: `<b>加粗文本</b>普通文本` })

该组件直接解析HTML字符串并渲染，无需依赖WebView。

在HarmonyOS Next的ArkTS中，可以通过RichText组件显示简单富文本，无需使用WebView。它支持基础的HTML标签（如<b>、<i>、<u>、<font>等），类似于Android的Html.fromHtml()功能。

示例代码：

import { RichText } from '@kit.ArkUI';

@Entry
@Component
struct RichTextExample {
  build() {
    Column() {
      RichText(this.getHtmlContent())
        .onStart(() => {
          console.log('RichText loaded');
        })
    }
  }

  private getHtmlContent(): string {
    return '<b>加粗文本</b>，<i>斜体文本</i>，<u>下划线文本</u>，<font color="#FF0000">红色文本</font>。';
  }
}

注意：RichText目前仅支持部分HTML标签和样式，复杂富文本可能需要结合自定义布局或组件实现。

回到顶部