HarmonyOS 鸿蒙Next RichEditor在获取内容时无法生成HTML

前RichEditor组件只能包含Span和ImageSpan子组件，
RichEditor-文本与输入-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

目前还没有可以同时展示和编辑html的组件，可尝试如下：
 

@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>' ;
controller: RichEditorController = new RichEditorController();
options: RichEditorOptions = { controller: this.controller };
build() {
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start,
justifyContent: FlexAlign.Start }) {
RichText(this.data)
.onStart(() => {
console.info('RichText onStart');
})
.onComplete(() => {
console.info('RichText onComplete');
})
.width('100%')
.height(300)
.backgroundColor(0XBDDB69)
RichEditor(this.options)
.onReady(()=>{
this.controller.addTextSpan(this.data,
{
style:
{
fontColor: Color.Orange,
fontSize: 30
}
})
})
.onIMEInputComplete((value: RichEditorTextSpanResult) => {
this.data = value.value
})
.borderWidth(1)
.borderColor(Color.Green)
.width("100%")
.height(400)
}
}
}