HarmonyOS 鸿蒙Next 关于fromHtml的用法

发布于 1周前 作者 eggper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 关于fromHtml的用法

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-styled-string-V5#fromhtml
关于这个fromHtml是怎么用的？可否给个示例？文档里没有关于这个属性的    


更多关于HarmonyOS 鸿蒙Next 关于fromHtml的用法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

fromHtml为静态方法，返回一个StyledString，目前支持

将这三种标签中的style属性样式转换成对应的属性字符串样式，参考demo：

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  stystr:StyledString=new StyledString('')
  controller:TextController=new TextController()
  onPageShow(): void {
      this.controller.setStyledString(this.stystr)
  }
  build() {
    RelativeContainer() {
      Text(this.message)
        .onClick(()=>{
          StyledString.fromHtml('<p style="text-align: center;">常规</p>').then((newstystr:StyledString)=>{
            this.stystr=newstystr
            console.log(this.stystr.getString())
          })
        })
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
  }
}

更多关于HarmonyOS 鸿蒙Next 关于fromHtml的用法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，fromHtml 方法通常用于将HTML格式的字符串转换为可显示的富文本（Spanned）。这个方法在鸿蒙的文本处理中较为常用，尤其是在需要将HTML内容嵌入到TextView或其他文本组件中时。

fromHtml 方法的使用方式如下：

  1. 引入相关包：确保你的代码中已经引入了必要的鸿蒙文本处理包。

  2. 调用fromHtml：使用Html.fromHtml方法，传入HTML格式的字符串。这个方法会返回一个Spanned对象，表示解析后的富文本。

  3. 设置文本：将返回的Spanned对象设置到TextView或其他支持富文本的组件中。

示例代码：

// 鸿蒙Java代码示例（注意：实际鸿蒙开发不直接使用Java，但为说明逻辑）
String htmlString = "<b>Bold</b> and <i>Italic</i> text";
Spanned spanned = Html.fromHtml(htmlString, Html.FROM_HTML_MODE_LEGACY);
textView.setText(spanned);

注意：上述代码为逻辑说明，鸿蒙实际开发中使用的不是Java，但fromHtml的使用逻辑类似。鸿蒙开发中应使用相应的鸿蒙SDK和方法。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部