程序聚合 软件案例 鸿蒙6系统的markdown编辑预览器-markdown编辑预览器

鸿蒙6系统的markdown编辑预览器-markdown编辑预览器

2026-03-31 14:15:38
行业:云计算、内容平台
载体:鸿蒙应用
技术:TypeScript、HarmonyOS SDK

业务和功能介绍

本项目定位为一款轻量级移动端文本编辑/笔记工具,面向学习记录、会议纪要、临时草稿等高频“快速写、随时改、随时找”的场景。目标是在鸿蒙端提供稳定流畅的编辑体验,并通过清晰的功能闭环提升效率:创建内容—编辑修改—保存管理—检索复用。核心功能包括:文本编辑(插入/删除/替换、光标定位与选区处理)、撤销/重做(基于变更记录恢复到任意最近状态,避免误操作损失)、内容持久化(本地保存/自动保存、打开历史内容)、基础管理(新建/重命名/删除、最近使用列表)、辅助体验(字数统计、空内容提示、编辑状态提示)。整体业务流程为:用户进入编辑页加载内容→输入触发变更记录与状态更新→按需撤销/重做回溯修改→离开页面或定时自动保存→在列表页再次打开继续编辑,实现“写作-回溯-保存-再编辑”的闭环。

项目实现

项目采用 ArkTS + MVVM 思路组织代码:View 负责页面渲染与用户交互事件绑定;ViewModel(如 EditorViewModel)负责状态管理、业务规则与可测试逻辑;Model 承载数据结构与持久化所需的实体/DTO。编辑能力以“文本变更记录”作为核心抽象:将一次用户操作拆分为可回放的变更单元(包含变更位置、变更前/后文本、时间戳等),按顺序写入 undo 栈;执行撤销时从 undo 栈弹出并反向应用到当前文本,同时写入 redo 栈;执行重做则反向操作,实现稳定的撤销/重做链路。状态更新遵循单向数据流:输入事件→ViewModel 生成新状态→通知 View 刷新,避免页面与数据耦合。持久化层采用统一的存储适配(本地文件/首选项等按项目实际能力封装),在进入页面时加载,在退出或定时触发时保存,保证异常退出也能恢复。本人主要负责编辑状态管理、变更记录结构设计与撤销重做算法实现,以及保存时机与性能优化。遇到的难点包括:频繁输入导致记录过密、撤销粒度体验不佳、以及光标/选区与文本回放的同步问题。解决方案为:合并相邻同类操作(按时间窗口与位置连续性合并)、对长文本使用增量更新减少拷贝、在回放时同步维护光标与选区信息,并通过边界用例(空文本、跨行删除、连续粘贴等)完善校验,提升稳定性与可维护性。

示例图片视频


Crypto
1天前活跃
方向: 后端-Go、移动端-HarmonyOS、
交付率:100.00%
相似推荐
英语小程序-助百汇
- 个性化学习计划:根据用户基础、学习目标(备考、日常交流、提升),自动生成每日学习计划,明确学习内容和时长,实时同步学习进度,避免盲目学习。 - 学习打卡:支持每日打卡、连续打卡奖励,生成学习周报/月报,直观展示学习成果,激发学习动力,帮助用户养成坚持学习的习惯。
微信小程序-远播帮你升学
一、核心定位与服务人群 核心定位:国内领先的国际教育升学服务平台,聚焦国际化学校择校、海外升学、素质研学等赛道,为家长和学生提供一站式择校与升学解决方案。 服务人群:计划就读国际学校 / 双语学校、规划海外留学的 K12 阶段学生及家长,覆盖小学、初中、高中全学段。 二、核心功能模块与业务介绍 1. 顶部 banner 与搜索区:快速触达核心服务 品牌展示:首屏展示合作国际学校(如 WLSA 上海学校),标注招生项目(美高、A-Level)、核心优势(1:7 师生比、Cognia 认证等),直接触达高意向家长。 地域与搜索:支持切换城市(以上海为默认,覆盖北京、杭州、广州等全国核心城市),可直接搜索意向学校 / 课程,快速定位目标资源。 特色入口: 「海外游学・国内研学 特色营地」:引流研学业务 「智能选校」:AI 工具,帮助家长匹配适配的国际学校 2. 功能导航栏:一站式服务入口 表格 功能入口 核心业务与作用 找学校 平台核心功能,聚合全国优质国际 / 双语学校,支持按城市、学段、课程体系(A-Level、IB、美高、AP 等)筛选,查看学校详情、招生信息、开放日 预约考试 对接国际学校入学考试、标化考试(如 SSAT、托福等)的报名预约服务 研学 海外游学、国内研学、特色营地项目,提供素质教育类产品 家长课堂 面向家长的升学知识、教育理念、政策解读类课程 / 内容 直播 国际学校招生宣讲、升学讲座、专家答疑等直播内容 线下活动 国际学校开放日、教育展、择校说明会等线下活动预约 升学攻略 升学政策、录取案例、备考指南、择校技巧等干货内容 家长交流群 同阶段 / 同城市家长社群,搭建交流互助渠道 3. 热门国际特色学校:核心择校服务 业务逻辑:按城市分类展示热门国际 / 双语学校(以上海为默认,覆盖全国核心城市),精准匹配本地择校需求。 展示内容:学校实景图、学校名称、覆盖学段(如 WLSA 上海学校覆盖初中 / 高中,上海常青藤学校覆盖幼小初高),点击可进入学校详情页,查看招生、课程、师资、升学成果等信息。 代表学校:领科教育上海校区、WLSA 上海学校、上海常青藤学校、上海震职融高、上海林国荣学校等上海头部国际学校。 4. 预约开放日:招生转化核心场景 业务作用:聚合全国国际学校的开放日 / 招生说明会信息,是学校招生、家长择校的核心对接渠道。 功能细节:展示学校名称、开放日日期(如青岛墨尔文中学 26 年 04 月 04 日、苏州三中融合课程中心 26 年 04 月 06 日),支持一键预约,帮助家长精准把握招生节点。 5. 直播 LIVE:内容引流与转化 业务内容:定期开展国际高中、国际学校招生直播、升学讲座、专家答疑等内容,已结束场次支持回放 / 预约。 转化逻辑:通过免费直播内容吸引家长,引导咨询、预约开放日,最终转化为择校服务 / 付费咨询用
Moblab Kids 系列项目-Kids
这是一个幼儿素质教育的项目,旗下包括三个产品: MobLab Kids:C端产品,主要包含幼儿各维度素质发展的游戏化测评和培育活动;配合B端产品还有在园表现,测评等报告以及经济思维课程 MobLab Childcare:B端产品,主要提供给幼儿园老师记录小孩日常表现,测评,自动报告生成发布等 Web端园区管理系统:主要是配合B端产品的园所管理功能,包含园所,班级,老师等的创建管理,以及学生管理。另外有部分报告查看管理功能 Kids 和 Childcare 两个产品使用的技术栈是Flutter。园所管理系统使用技术栈是React。
基于人脸识别与Office智能评分的无纸化考试系统设计与实现
随着《职业教育提质培优行动计划》《教育信息化2.0行动计划》等国家政策的持续推进,职业教育数字化转型已成为大势所趋。传统纸质考试在中职教育中存在诸多问题,如: 评卷效率低,教师负担重;考试安全性差,替考、作弊现象频发;实操类题型(如Word、Excel、PPT)评分主观性强,难以精准评估学生能力。因此,开发一套集成人脸识别身份认证与Office操作题自动评分功能的无纸化考试系统,具有重要的现实意义与推广价值。
微信小程序-家教预约平台
经实地考察,发现该地区某大学家教业务火爆,且机构管理方式需要大量的人力物力成本,故制作该程序,将管理成本大幅降低,只需广告推销成本,并结合平台的营收方案,进一步扩大盈利。 目标是做到全国最大的家教信息中转站。 软件功能: 1.最新教育咨询实时获取 2.内嵌ai智能体,可进行实时对话 3.根据不同地区,不同需求,筛选出最合适的老师或学生人选 4.个人信息展示 5.预约功能
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服