jpeditor-web

开源的简谱（JP-Word / .jpwabc）在线排版与编辑器 · An open-source jianpu (numbered musical notation) editor & typesetter.

🌐 在线试用 / Live demo：https://lodebar2026.github.io/jpeditor-web/

简谱（JP-Word / .jpwabc）排版与编辑器。

左侧高亮代码编辑器，右侧实时简谱预览，支持点选、翻页、简谱与五线谱混排（加载 MusicXML 排版）、MusicXML 导入，以及导出 PDF / PNG / MIDI / 矢量 PPTX。

English

jpeditor is an open-source editor and typesetter for jianpu (Chinese numbered musical notation) in the .jpwabc (JP-Word) format. Edit the score as text on the left and see a live SVG preview on the right. It supports mixed jianpu + staff (Western) notation typeset from MusicXML, MusicXML import, and export to PDF / PNG / MIDI / vector PPTX. It runs in the browser (no install) and as a lightweight Windows / macOS desktop app (Tauri 2).

• 🌐 Live demo: https://lodebar2026.github.io/jpeditor-web/
• ⬇️ Desktop downloads: Releases

特性

• .jpwabc 实时编辑：CodeMirror 6 编辑器 + 语法高亮，编辑即重排重渲染
• SVG 矢量渲染：乐谱以 SVG 绘制，分辨率无关；用浏览器 getBBox / getComputedTextLength 测量，与渲染同一引擎、天然一致
• 点选与高亮：点击音符/歌词即选中（CSS 高亮，不重渲染），状态栏显示信息
• 分页：按比例自动分页（16:9 / 4:3 / A4），可设每页行数
• 文件：打开 / 保存 / 另存为 / 拖拽打开（UTF-16LE 编解码，兼容 JP-Word）

安装与使用

• 浏览器在线版（免安装）：https://lodebar2026.github.io/jpeditor-web/
• 桌面版下载：Releases
• macOS 首次打开提示“已损坏”或“无法验证开发者”？见 docs/macOS-打不开.md（应用未签名，属正常现象，一条命令即可解决）。

技术栈

完整技术框架、架构要点与项目结构见 docs/技术栈.md。

开发

构建、运行与无头校验命令见 docs/开发.md。

进度

各阶段完成情况与打包产物体积见 docs/进度.md。

许可

随附 Bravura 字体（SIL OFL，见 public/redist）。