EditLite：一款轻量级跨平台文本编辑器，支持算法可视化
前言
在日常开发工作中，我们经常需要处理各种文本文件：查看日志、编辑配置、撰写 Markdown 文档、编写代码片段。市面上的编辑器众多，但往往要么功能过于臃肿，要么缺少某些关键特性。今天向大家介绍一款名为EditLite的轻量级文本编辑器，它在保持轻量的同时，提供了许多实用功能，甚至还内置了算法可视化能力。
https://github.com/lifx2015/edit_lite
demo2
项目简介
EditLite 是一款基于Tauri 2.0框架构建的跨平台桌面文本编辑器，前端使用React 19和CodeMirror 6打造，体积小巧、启动迅速，同时具备现代化的用户界面和丰富的编辑功能。
技术栈：
- 后端框架：Tauri 2.0（Rust）
- 前端框架：React 19 + TypeScript
- 编辑器核心：CodeMirror 6
- Markdown 渲染：react-markdown + remark-gfm
核心功能
1. 多语言语法高亮
EditLite 支持多种主流编程语言的语法高亮：
- Markdown
- JavaScript / TypeScript
- JSON
- CSS
- HTML
- Python
- SQL
- Java
文件打开时自动识别语言类型，也支持手动切换。
2. 多标签页编辑
支持同时打开多个文件，以标签页形式管理：
- Ctrl+N新建文件
- Ctrl+W关闭当前标签页
- 点击+按钮快速创建新标签
3. Markdown 实时预览
提供三种视图模式：
- 编辑模式：专注代码编辑
- 分屏模式：左侧编辑，右侧实时预览
- 预览模式：全屏查看渲染效果
预览功能支持两种模式：
- 标准模式：常规 Markdown 渲染
- 增强模式：支持指令语法，可实现算法可视化等高级功能
4. 算法可视化
这是 EditLite 的一大亮点功能！通过在 Markdown 中编写指令语法，可以嵌入排序算法的动态可视化演示：
:sort{array=[5,2,8,1,9,3,7,4,6] algorithm="bubble" speed=300}支持的排序算法：
- 冒泡排序（bubble）
- 快速排序（quick）
- 归并排序（merge）
- 插入排序（insertion）
- 选择排序（selection）
可视化组件提供播放、暂停、单步执行、重置等控制，非常适合算法学习和教学演示。
5. 主题切换
支持三种主题模式：
- 跟随系统：自动适配 Windows 深色/浅色模式
- 亮色主题：经典的浅色界面
- 暗色主题：护眼的深色界面
6. 文件变化监听
当打开的文件被外部程序修改时，EditLite 会自动检测并提示用户，可以选择刷新加载最新内容或忽略。
7. 编码支持
支持多种文本编码：
- UTF-8（默认）
- GBK
- Windows-1252
- Shift_JIS
- EUC-KR
8. 插件系统
EditLite 内置了插件管理器，支持动态加载外部插件扩展功能。插件存放在应用数据目录的plugins文件夹中，通过编写plugin.json配置文件和 JavaScript 主文件即可创建自定义插件。
9. 其他实用功能
- JSON 格式化：一键美化 JSON 文件
- 自动换行：可开关的自动换行功能
- 字体自定义：支持多种等宽字体和字体大小调整
- 缩放控制：Ctrl+滚轮 或 Ctrl++/- 快捷键调整字体大小
- 状态栏：显示文件路径、编码、行列号、缩放比例等信息
- 目录大纲：Markdown 文件自动生成目录导航
架构设计
EditLite 采用了模块化的架构设计：
src/ ├── App.tsx # 主应用组件 ├── components/ │ ├── PreviewEngine/ # Markdown 预览引擎 │ ├── Toc/ # 目录大纲组件 │ └── ... ├── core/ │ ├── plugin-manager.ts # 插件管理器 │ └── types/ # 类型定义 ├── plugins/ │ ├── component-registry.ts # 组件注册表 │ └── ... └── visualizers/ └── algorithms/ # 算法可视化组件插件系统设计
插件系统采用沙箱隔离机制，每个插件通过plugin.json配置文件定义：
{"meta":{"id":"my-plugin","name":"My Plugin","version":"1.0.0","directives":["custom-directive"]},"main":"index.js"}插件可以注册自定义指令处理器，在 Markdown 中通过:directiveName{args}语法调用。
快速开始
安装依赖
npminstall开发模式
npmrun tauri dev构建发布
npmrun tauri build构建后会生成 MSI 安装包。
为什么选择 EditLite？
| 特性 | EditLite | VS Code | Notepad++ |
|---|---|---|---|
| 体积大小 | ~10MB | ~100MB | ~5MB |
| 启动速度 | 快 | 较慢 | 快 |
| 跨平台 | ✅ Windows/macOS/Linux | ✅ | ❌ Windows only |
| Markdown 预览 | ✅ 实时分屏 | 需插件 | ❌ |
| 算法可视化 | ✅ 内置 | 需插件 | ❌ |
| 插件系统 | ✅ | ✅ 丰富 | ✅ |
应用场景
- 日常文本编辑：快速打开、编辑各类文本文件
- Markdown 写作：实时预览，适合撰写技术文档、博客文章
- 算法学习与教学：通过可视化功能直观理解排序算法
- 前端开发：语法高亮支持主流前端语言
- JSON 数据处理：内置格式化功能
未来规划
- 更多算法可视化（树、图遍历等）
- 代码片段管理
- 自定义快捷键
- 文件搜索功能
- 更多主题选择
总结
EditLite 是一款兼顾轻量与功能的全能型文本编辑器。无论是日常的文本处理、Markdown 写作，还是算法学习，它都能很好地胜任。如果你正在寻找一款启动迅速、界面现代、功能实用的编辑器，不妨试试 EditLite！
如果觉得这款工具对你有帮助，欢迎 Star 支持一下！
