- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙开发笔记
HarmonyOS 开发实践 —— 基于RichEditor的评论编辑
核心代码由于RichEditor是支持图文混排的，所以RichEditor里面的内容也就是由Text和Image组成，分别通过addTextSpan和addImageSpan添加，而且还可以设置字体和图片样式 后续也可以通过事件阻止，即RichEditor控件ClickEvent/TouchEvent支持preventDefault。 A：RichEditor组件在调用addTextSpan后，按照用户习惯，光标的位置应该是在添加内容的末尾的，但是RichEditor一开始没有做光标位置的适配，需要开发者自己去通过getCaretOffset RichEditor({ controller: this.controller }) .copyOptions(CopyOptions.None) .key('RichEditor') .height ')})Q：在RichEditor的onPaste中调用event?.
47421编辑于 2024-12-17 - 来自专栏鸿蒙开发笔记
HarmonyOS 开发实践——基于RichEditor的评论编辑
场景描述RichEditor是支持图文混排和文本交互式编辑的组件，在我们使用的APP中是很常见的，比如评论区编辑内容发布、对话框或者聊天室。 来添加图片3、通过addBuilderSpan来实现一段内容光标不可插入的效果4、addTextSpan等支持gesture等手势操作，比如onClick点击和onLongPress长按事件核心代码1、由于RichEditor 是支持图文混排的，所以RichEditor里面的内容也就是由Text和Image组成的，分别通过addTextSpan和addImageSpan添加，而且还可以设置字体和图片样式，如下代码1：@Entry 后续也可以通过事件阻止“即RichEditor控件ClickEvent/TouchEvent支持preventDefault”。 build() { Column() { RichEditor({ controller: this.controller }) .height(100) .
43120编辑于 2024-11-10 - 来自专栏HarmonyOS知识集合
【HarmonyOS】富文本编辑器RichEditor详解
富文本展示已经是移动开发中，必备要解决的问题，在鸿蒙中，通过在系统层提供RichEditor控件，来解决富文本展示的问题。 HarmonyOS推出的RichEditor控件，提供了从基础文本输入到复杂图文混排的完整解决方案。 组件，使用上面配置的选项 RichEditor(this.options) // 组件初始化完成回调 // 当RichEditor组件准备好后，将之前创建的可变样式字符串设置到编辑器中 RichEditor(this.options) .placeholder("请输入您的内容... RichEditor(this.options) .onReady(() => { console.info('RichEditor初始化完成'); })（2）选择变化事件内容选择区域或光标位置变化时触发
70810编辑于 2025-07-07 - 来自专栏个人路线
鸿蒙 API18，5.1Release 套件发布，新增穿戴，TV 开发
富文本（RichEditor）组件支持设置最大行数。（API 参考[4]） TextInput 组件支持设置文本省略位置。 （API 参考[5]） TextInput/TextArea/Search/RichEditor 组件支持将文本行间距平分至行的顶部与底部。 （[6]API 参考-TextInput[7]、API 参考-TextArea[8]、API 参考-Search[9]、API 参考-RichEditor[10]） TextInput/TextArea （API 参考-ArkTS[11]、API 参考-C API[12]） 富文本（RichEditor）组件在长按预览菜单时支持振动效果。（API 参考[13]） 新增适配圆形屏幕的能力。 [13] API参考: https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-richeditor
40500编辑于 2025-06-16 - 来自专栏林冠宏的技术文章
记一次使用 android 自带 WebView 做富文本编辑器之API、机型的兼容及各种奇葩bug的解决
转载请声明出处(https://cloud.tencent.com/developer/user/1148436/activities) 目录 1，测试设备介绍 2，开源项目richeditor及CrossWalk 2，开源项目richeditor及CrossWalk的比较--------------------------- 关于richeditor，它是一个算是很不错的webView富文本编辑器，git 留意我上面说到 richeditor 所产生到的一些bug，richeditor 是基于android自带浏览器上面搞的，早期版本内核是webkit，后来是 Chrome，bug的产生有可能就是内核搞得鬼 使用方法很简单，我们只需要把 richeditor 里面继承的 WebView 改为 CrossWalk 的XWalkView 即可，修改下对应的函数。 richeditor 的bug解决 1，richeditor 在所上面三种机子上面体现出的，在第一次进入该编辑页面的时候，所有webView图片的点击都能响应，此 时如果用户点击返回
2.9K100发布于 2018-01-03 - 来自专栏HarmonyOS点石成金
鸿蒙元服务项目实战：终结篇之备忘录搜索功能实现
}) 备忘录项目知识点 这个备忘录小项目包含的知识点并不算很多，可以练习到的知识点有两个方面，第一个方面，就是UI组件相关的，比如列表组件List的使用，搜索组件Search的使用，以及富文本组件RichEditor RichEditor应该如何正确回显数据？ 答：在RichEditor初始化完成之后，比如onReady方法中。
50810编辑于 2025-03-22 - 来自专栏鸿蒙开发笔记
鸿蒙开发实战案例：文本选择菜单案例
实现思路子组件RichEditorComponent使用富文本组件RichEditor实现文本编辑功能。 RichEditor({ controller: this.controller }) // TODO: 知识点：富文本组件使用editMenuOptions方法配置选中菜单 // textMenuItems: Array<TextMenuItem>) => { if (this.menuItemsContent) { // 循环遍历新增选项数组，传入RichEditor
34910编辑于 2025-03-03 - 来自专栏全栈程序员必看
Android富文本编辑器
github地址：https://github.com/yeaper/RichEditor 1.控件使用 RichEditor是富文本编辑器，EditorOpMenuView是操作栏控件，两个需要配合使用 ，xml引用方式如下： <com.yyp.editor.RichEditor android:id="@+id/editor" android:layout_width="match_parent" android
3.3K30编辑于 2022-06-27 - 来自专栏终身开发者
使用文本框TextView/EditText的清单
richeditor-android 富文本编辑器 https://github.com/wasabeef/richeditor-android ?
1.3K10发布于 2019-07-31 - 来自专栏终身开发者
Android UI控件常用库
googlesamples/easypermissions AndroidSlidingUpPanel 向上拉出的面板 https://github.com/umano/AndroidSlidingUpPanel richeditor-android 富文本编辑器 https://github.com/wasabeef/richeditor-android android-viewbadger 消息提示小红点 https://github.com
2.9K21发布于 2019-07-31 - 来自专栏HarmonyOS点石成金
鸿蒙元服务项目实战：备忘录实现列表展示
EditPage", params: { "data": JSON.stringify(item) } }) 编辑页面，需要等RichEditor RichEditor(this.options) .onReady(() => { if (router.getParams() !
31510编辑于 2025-03-22 - 来自专栏CSDNToQQCode
鸿蒙-元服务-坚果派-第四章 基础控件
资源，资源路径为【/resources/base/element/string.json】 Text($r('app.string.module_desc')) 添加子组件 Span只能作为Text和RichEditor { placeholder: '输入框 ' + placeholder }) .margin(30) }) } } } } 3、富文本(RichEditor (); options: RichEditorOptions = { controller: this.controller }; build() { Column(){ RichEditor RichEditorOptions = { controller: this.controller }; @State show:string=""; build() { Column() { RichEditor (this.options) .onReady(() => { this.controller.addTextSpan('创建不使用属性字符串构建的 RichEditor
45000编辑于 2025-02-20 - 来自专栏个人路线
HarmonyOS 5.1.1 Release 正式发布：多维度能力升级助力开发者高效创新
（API 参考[13]） 属性字符串和 RichEditor 支持设置段落间距。 （API 参考-属性字符串[14]、API 参考-RichEditor[15]） 支持设置关键帧动画（keyframeAnimateTo）的期望帧率。 developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-styled-string#属性-8 [15] API参考-RichEditor : https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-richeditor#richeditorparagraphstyle11
1.5K10编辑于 2025-07-03 - 来自专栏HarmonyOS点石成金
鸿蒙元服务项目实战：备忘录内容编辑开发
富文本内容编写 富文本内容编辑我们直接使用RichEditor组件即可，最重要的就是参数，value: RichEditorOptions，通过它，我们可以用来设置样式，和获取最后的富文本内容，这一点是很重要的 = new RichEditorController(); options: RichEditorOptions = { controller: this.controller }; 设置初始化参数 RichEditor
42710编辑于 2025-03-22 - 来自专栏Node.js开发
飞冰React框架如何配置懒加载
'; import React, { Suspense } from 'react'; const OtherComponent = lazy(() => import('@/components/RichEditor
1.2K40发布于 2020-12-25 Ooder A2UI 第一性原理出发 深度解析核心逻辑
ComponentType.COMBOINPUT; } if (clazz.equals(Reader.class)) { return ComponentType.RICHEDITOR ; } if (clazz.equals(StringBuffer.class)) { return ComponentType.RICHEDITOR; } CHECKBOX更符合布尔值的语义 提供更好的用户体验 减少用户输入错误 为什么StringBuffer映射到RICHEDITOR？ StringBuffer通常用于存储长文本 RICHEDITOR支持富文本编辑 提供更好的文本编辑体验 阶段6：组件生成阶段 核心代码分析： public C2UConfigFactory() { ; } if (clazz.equals(StringBuffer.class)) { return ComponentType.RICHEDITOR; }
24300编辑于 2026-02-04- 来自专栏个人路线
基于API 13的DevEco Studio 5.0.1发布
（指南、API参考） ArkUI RichEditor支持配置滚动条的显隐。（API参考） 通过XComponent接入的三方平台支持无障碍能力。
59810编辑于 2024-11-13 - 来自专栏Spring Boot学习之路
五、ArkTS 常用组件-文本显示 (Text/Span)
TextOverflow.MARQUEE}) .width(300) Text('MARQUEE').textAlign(TextAlign.Center).width(300) 子组件Span Span只能作为Text和RichEditor
89700编辑于 2025-01-13 - 来自专栏HarmonyOS点石成金
鸿蒙开发：如何解决软键盘弹出后的间距
于是，我又验证了TextArea，RichEditor，发现问题依然存在，显然和组件是没有关系，和软键盘有关系。接着便查看了Dom结构，发现这是root根节点自带的一个间距。
54300编辑于 2025-05-15 - 来自专栏个人路线
HarmonyOS5.0.2(14) Beta1 发布
（API 参考[46]） RichEditor 新增支持鼠标悬停事件回调（OnHoverCallback）和用户双击事件（onDoubleClick）。 API 参考: https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V14/ts-basic-components-richeditor-V14
40810编辑于 2025-02-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号