⚠️ 免责声明:本文档由 GLM4.7 自动生成,内容可能存在错误或不完整之处。请以人工书写的官方为准。
产品介绍
NovelHelperLite(ANH Lite)是 Novel Helper 的轻量版本,专为快速高效的文本编辑和笔记记录而设计的跨平台编辑器应用。ANH Lite 基于 Quasar + Vue 3 构建,支持 Web 浏览器、移动端(通过 Capacitor)和桌面端,提供统一的编辑体验。
设计理念
ANH Lite 的设计围绕三个核心原则展开:轻量、高效、专注。这些原则指导着每一个功能决策和界面设计。
轻量级架构
ANH Lite 专注于核心编辑功能,针对跨平台场景进行了深度优化。目前主要实现了文件编辑、工作区管理、标签页 GC 等核心功能。这种专注使得 ANH Lite 具有以下优势:
- 更快的启动速度:按需加载和懒加载策略,确保应用能够快速启动
- 更低的资源占用:优化的内存管理,即使在低配设备上也能流畅运行
- 标签页 GC:智能的标签页垃圾回收机制,自动释放长时间未使用的标签页内存
- 简化的功能集:专注于核心编辑体验,保持代码简洁易维护
高效的编辑体验
ANH Lite 将效率放在首位,通过多种方式提升用户的编辑效率:
- 多编辑器支持:集成 Monaco Editor(代码编辑)、Milkdown Editor(Markdown)、图片查看器和 PDF 查看器
- 智能编辑器选择:根据文件类型自动选择合适的编辑器
- 大文件优化:大文件自动禁用语法高亮等特性,提升编辑性能
- 工作区持久化:自动保存工作区状态,关闭浏览器后可以恢复
- 快捷操作:支持键盘快捷键(Ctrl+S 保存、Ctrl+C/V/X 剪贴板操作)
跨平台支持
ANH Lite 设计之初就考虑了多平台支持,提供统一的编辑体验:
- Web 平台:支持现代浏览器,使用 File System Access API 访问本地文件系统
- 移动端:通过 Capacitor 构建原生应用,支持 iOS 和 Android 平台
- 桌面端:支持 Electron 框架,提供桌面应用体验
- 文件系统抽象:统一的文件系统接口,自动适配不同平台
核心功能
多编辑器支持
ANH Lite 集成了多种专业编辑器,满足不同类型内容的编辑需求:
Monaco Editor
Monaco Editor 是 VS Code 的核心编辑器组件,提供了专业级的代码编辑体验:
- 语法高亮:支持 TypeScript、JavaScript、Python、Java、C/C++、Rust、Go、PHP、Shell、SQL、JSON、YAML、HTML、CSS、Markdown 等多种语言
- 代码折叠:快速折叠和展开代码块
- 小地图导航:右侧显示代码小地图,快速浏览整个文件
- 多光标编辑:同时编辑多处内容
- 查找和替换:强大的文本搜索和替换功能
- 代码诊断:实时显示语法错误和警告
- 大文件优化:大文件自动禁用语法高亮、代码折叠、小地图等特性,使用纯文本模式
- 视图状态保存:保存光标位置、滚动位置、折叠状态等,下次打开时自动恢复
- 移动端优化:支持移动端选区手柄、虚拟键盘适配、自动滚动
Milkdown Editor
Milkdown 是一个插件驱动的 Markdown 编辑器,专为写作设计:
- 所见即所得的 Markdown:在编辑时预览渲染效果
- 流畅的编辑体验:基于 ProseMirror 构建的高性能编辑器
- 快捷键支持:Markdown 专用快捷键
- 只读保护:对于没有文件句柄的文件自动设置为只读
图片查看器
ANH Lite 内置了 v-viewer 图片查看器:
- 图片预览:快速查看 JPG、PNG、GIF、WebP 等常见图片格式
- 缩放操作:支持放大、缩小、适应屏幕
- 旋转功能:任意角度旋转图片
- 显示缩放中心:设置选项,在缩放时显示中心点标记
PDF 查看器
- PDF 预览:支持在线预览 PDF 文件
- 快速加载:使用 Blob URL 加载 PDF 文件
文件浏览器
ANH Lite 提供了功能完整的文件浏览器:
- 树形目录结构:清晰展示文件和文件夹的层级关系
- 自动检测文件类型:根据扩展名和 MIME 类型识别文件类型
- 文件监视:自动监视文件系统变化并刷新
- 文件操作:支持新建、重命名、删除、复制、粘贴、移动文件和文件夹
- 属性查看:查看文件和文件夹的详细信息(名称、类型、路径、大小、修改时间)
- 格式化大小显示:自动将文件大小格式化为易读的格式(B、KB、MB、GB、TB)
- 已打开标记:显示已打开的文件
- 未保存标记:显示有未保存修改的文件
工作区管理
ANH Lite 支持工作区概念,方便用户管理多个项目:
- 工作区创建:创建独立的工作区
- 工作区切换:快速在不同工作区之间切换
- 工作区导入:导入已有的文件集合
- 工作区导出:分享工作区配置
- 最近打开:快速访问最近编辑的文件
设置系统
ANH Lite 提供了丰富的设置选项:
- 编辑器设置:字体、主题、缩进、换行等
- 界面设置:布局、颜色、动画效果
- 快捷键设置:自定义键盘快捷键
- 存储设置:自动保存、备份选项
- 隐私设置:数据收集、诊断选项
搜索功能
ANH Lite 内置了强大的搜索功能:
- 全文搜索:在所有文件中搜索指定文本
- 正则表达式:使用正则表达式进行复杂搜索
- 区分大小写:控制搜索的敏感度
- 高亮显示:搜索结果高亮标记
- 搜索历史:记录搜索历史,快速重复搜索
技术特点
跨平台支持
ANH Lite 采用现代化的 Web 技术构建,具有天然的跨平台优势:
- 桌面浏览器:Chrome、Firefox、Edge、Safari 完美支持
- 移动设备:通过 Capacitor 打包,支持 iOS 和 Android
- 渐进式 Web 应用:支持离线使用和安装到主屏幕
- 响应式设计:自动适配不同屏幕尺寸
现代化的技术栈
ANH Lite 使用了业界领先的 Web 技术:
- Vue 3:采用组合式 API,提供更好的类型支持和性能
- Quasar Framework:快速构建响应式应用
- Pinia:轻量级的状态管理方案
- TypeScript:静态类型检查,提高代码质量
- Vite:极速的构建工具
可扩展性
ANH Lite 预留了多种扩展点:
- 编辑器扩展:支持注册新的编辑器类型
- 主题扩展:支持自定义主题
- 插件系统:支持功能扩展插件
- API 接口:提供扩展开发接口
与完整版 Novel Helper 的区别
ANH Lite 作为 Novel Helper 的轻量跨平台版本,目前实现了核心的编辑器功能,部分高级功能正在陆续开发中:
| 特性 | Novel Helper | ANH Lite | 状态 |
|---|---|---|---|
| 世界观构建 | 完整支持 | 规划中 | 开发中 |
| 角色管理 | 完整支持 | 规划中 | 开发中 |
| 统计功能 | 详细统计 | 基础统计 | 已实现 |
| 插件系统 | 丰富插件 | 基础扩展 | 开发中 |
| 界面复杂度 | 功能丰富 | 简洁直观 | 已实现 |
| 安装包大小 | 较大 | 较小 | 已优化 |
| 启动速度 | 较慢 | 快速 | 已优化 |
| 资源占用 | 较高 | 较低 | 已优化 |
| 跨平台支持 | 桌面端 | 桌面+移动端 | 已实现 |
跨平台设计理念
ANH Lite 从一开始就是为跨平台而设计的:
- 统一的核心体验:无论在桌面还是移动设备上,都能获得一致的编辑体验
- 响应式界面:界面会自动适配不同屏幕尺寸和输入方式
- 触摸优化:针对触摸屏设备进行了专门优化
- 离线支持:支持在无网络环境下使用
- 数据同步:支持在多个设备间同步工作区数据
适用场景
ANH Lite 适用于以下场景:
- 日常笔记记录:快速记录想法和笔记
- Markdown 写作:专业的 Markdown 编辑体验
- 代码片段管理:管理和编辑代码片段
- 轻量级内容创作:不需要复杂设定管理的创作
- 跨设备同步:在多个设备间同步编辑内容
- 离线编辑:在没有网络的环境下工作
总结
ANH Lite 是一个专注于文本编辑和笔记记录的轻量级编辑器,它在保持简洁设计的同时,提供了强大的编辑功能。无论您是作家、程序员还是学生,ANH Lite 都能为您提供高效的编辑体验。