HarmonyOS 鸿蒙Next RichEditor自定义解析video和添加video标签吗

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

HarmonyOS 鸿蒙Next RichEditor自定义解析video和添加video标签吗

我们需要使用richEditor添加录音文件,展示的时候需要展示成自定义view的样式,并支持点击播放,目前未找到适合的api,请问richEditor支持这样功能吗

2 回复

参考demo:

深色代码主题
复制
@Builder
function placeholderBuilder2() {
}
// xxx.ets
@Entry
@Component
struct Index {
  controller: RichEditorController = new RichEditorController();
  option: RichEditorOptions = { controller: this.controller };
  private start: number = 2;
  private end: number = 4;
  @State message: string = "[-1, -1]"
  @State content: string = ""
  private my_offset: number | undefined = undefined
  private my_builder: CustomBuilder = undefined
  @Builder
  placeholderBuilder() {
    Row({ space: 2 }) {
      Video({
        src: $rawfile('video(1).mp4'),
        previewUri:$r('app.media.app_icon'),
        currentProgressRate: PlaybackSpeed.Speed_Forward_1_00_X,
        controller: new VideoController()
      })
    }.width('20%').height(50).padding(10).backgroundColor(Color.Red)
  }
  build() {
    Column() {
      Column() {
        RichEditor(this.option)
        Button("add span")
          .onClick(() => {
            let num = this.controller.addBuilderSpan(this.my_builder, { offset: this.my_offset })
            console.info('addBuilderSpan return ' + num)
          })
        Row() {
          Button('builder1').onClick(() => {
            this.my_builder = () => {
              this.placeholderBuilder()
            }
          })
        }
      }
      .borderWidth(1)
      .borderColor(Color.Red)
      .width("100%")
      .height("70%")
    }
  }
}

更多关于HarmonyOS 鸿蒙Next RichEditor自定义解析video和添加video标签吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中,Next RichEditor组件默认情况下可能不支持直接自定义解析video标签和添加video功能。为了实现这一需求,你需要进行一定的自定义开发。

针对自定义解析video标签,你可以通过扩展RichEditor的解析器来实现。你需要创建一个自定义的解析器类,继承自系统提供的解析器基类,并重写解析video标签的方法。在该方法中,你可以定义如何将video标签转换为RichEditor可识别的富文本元素。

对于添加video标签的功能,你可能需要在RichEditor的编辑界面中增加一个按钮或菜单项,用于插入video标签。当用户点击该按钮时,你可以弹出一个对话框让用户输入video的URL或其他相关信息,然后生成对应的video标签并插入到富文本中。

需要注意的是,由于RichEditor组件的API和功能可能会随着鸿蒙系统的更新而发生变化,因此你需要参考最新的鸿蒙开发文档和API指南来实现这一功能。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html。在那里,你可以获得更专业的技术支持和解决方案。

回到顶部