HarmonyOS 鸿蒙Next 使用RichEditor 自定义控件不显示

发布于 1周前 作者 gougou168 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 使用RichEditor 自定义控件不显示

使用RichEditor 自定义控件不显示
RichEditor(this.options)
.onReady(()=>{
this.controller.addTextSpan('this.htmlStr',
{
style:
{
fontColor: Color.Orange,
fontSize: 10
}
})
this.controller.addBuilderSpan(this.rcc(this.htmlStr))
})


@Builder
rcc(str:string){
Row(){
RichText(str)
}
}

更多关于HarmonyOS 鸿蒙Next 使用RichEditor 自定义控件不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

addBuilderSpan需传入CustomBuilder类型的参数让自定义组件显示。使用aboutToAppear对初始化CustomBuilder参数，然后调用this.controller.addBuilderSpan()添加需要加入的自定义组件

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  [@State](/user/State) message: string = 'Hello World';
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };
  private my_builder: CustomBuilder = undefined

aboutToAppear(): void {
this.my_builder = () => {
this.rcc(‘组件’)
}
}


build() {
Column() {
RichEditor(this.options)
.onReady(() => {
this.controller.addTextSpan(‘this.htmlStr’,
{
style:
{
fontColor: Color.Orange,
fontSize: 10
}
})
this.controller.addBuilderSpan(this.my_builder)
})
}
}


@Builder
rcc(str: string) {
Row() {
RichText(str)
.backgroundColor(Color.Orange)
.width(100)
.height(100)
}
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

另外RichText需要设置一下宽高

更多关于HarmonyOS 鸿蒙Next 使用RichEditor 自定义控件不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next系统中，使用RichEditor自定义控件不显示的问题可能由多种原因引起。首先，请确保你已经正确引入并注册了RichEditor控件。在鸿蒙系统中，控件的引入和注册通常需要在XML布局文件和对应的JavaScript（或ETS）文件中进行。

  1. 检查XML布局文件：确认RichEditor控件的XML标签是否正确，属性是否设置合理，如ohos:width、ohos:height和ohos:id等。

  2. 检查JavaScript（或ETS）文件：确保RichEditor控件在JavaScript（或ETS）文件中被正确初始化，并且没有逻辑错误导致控件无法渲染。

  3. 检查资源文件：如果RichEditor控件依赖于特定的资源（如样式、图片等），请确认这些资源是否已正确加载。

  4. 调试信息：查看日志输出，检查是否有关于RichEditor控件的报错或警告信息，这些信息通常能提供问题的线索。

  5. 版本兼容性：确认你的鸿蒙系统版本和RichEditor控件的版本是否兼容。

如果以上步骤都确认无误，但问题依旧存在，那么可能是系统或控件本身的bug。此时，你可以尝试联系鸿蒙系统的官方支持，或者查看鸿蒙开发者社区是否有类似问题的解决方案。如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部