当前位置：首页 > news >正文

EditLite：一款轻量级跨平台文本编辑器，支持算法可视化

news 2026/5/11 22:39:35

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 预览	✅ 实时分屏	需插件	❌
算法可视化	✅ 内置	需插件	❌
插件系统	✅	✅ 丰富	✅