Skip to content

⚠️ 免责声明:本文档由 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 HelperANH Lite状态
世界观构建完整支持规划中开发中
角色管理完整支持规划中开发中
统计功能详细统计基础统计已实现
插件系统丰富插件基础扩展开发中
界面复杂度功能丰富简洁直观已实现
安装包大小较大较小已优化
启动速度较慢快速已优化
资源占用较高较低已优化
跨平台支持桌面端桌面+移动端已实现

跨平台设计理念

ANH Lite 从一开始就是为跨平台而设计的:

  • 统一的核心体验:无论在桌面还是移动设备上,都能获得一致的编辑体验
  • 响应式界面:界面会自动适配不同屏幕尺寸和输入方式
  • 触摸优化:针对触摸屏设备进行了专门优化
  • 离线支持:支持在无网络环境下使用
  • 数据同步:支持在多个设备间同步工作区数据

适用场景

ANH Lite 适用于以下场景:

  • 日常笔记记录:快速记录想法和笔记
  • Markdown 写作:专业的 Markdown 编辑体验
  • 代码片段管理:管理和编辑代码片段
  • 轻量级内容创作:不需要复杂设定管理的创作
  • 跨设备同步:在多个设备间同步编辑内容
  • 离线编辑:在没有网络的环境下工作

总结

ANH Lite 是一个专注于文本编辑和笔记记录的轻量级编辑器,它在保持简洁设计的同时,提供了强大的编辑功能。无论您是作家、程序员还是学生,ANH Lite 都能为您提供高效的编辑体验。