一个基于Web的课程表编辑器,支持CSES(Course Schedule Exchange Schema)格式的课程表创建、管理和导出。
- 📅 可视化课程表编辑
- 📚 科目信息管理(名称/简称/教师/教室)
- 🔄 拖拽排序课程时段
- 📥 导入/导出YAML格式配置文件
- 🗓️ 支持单双周不同安排
- 🖥️ 浅色主题界面
- 📋 快捷键操作支持
-
直接使用浏览器打开
csesEditor.html
-
通过左侧导航切换功能:
- 课程计划:管理每周课程安排
- 科目管理:维护科目详细信息
- 源码编辑:直接编辑YAML配置
-
常用操作:
- 点击"+添加课程"创建新计划
- 拖拽课程卡调整顺序
- 右键点击项目可删除
- Sortable.js - 拖拽排序功能
- js-yaml - YAML解析/序列化
- Bootstrap Icons - 界面图标
- FluentUI - FluentUI版本界面
- 原生JavaScript实现核心逻辑
课程表数据使用YAML格式存储,示例结构:
version: 1
subjects:
- name: 数学
simple: 数
teacher: 张老师
room: 101
schedules:
- name: odd_mon
classes:
- subject: 数学
start_time: "08:00"
end_time: "08:45"
快捷键 | 功能说明 |
---|---|
Ctrl + ↑/↓ | 切换资源管理器项目 |
Alt + ↑/↓ | 切换功能模块 |
Alt + N | 新建项目 |
Delete | 删除选中项目 |
MIT License © 2025 CSES-org
- 所有数据自动保存至浏览器本地存储
- 导出文件建议使用.yaml扩展名
- 推荐使用Chrome/Firefox等现代浏览器
欢迎提交Issue或PR!🚀