打谱笔记大杀器!Vditor集成abcjs
2022/1/7 6:03:46
本文主要是介绍打谱笔记大杀器!Vditor集成abcjs,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
最近在找趁手笔记的时候,意外地在思源笔记 - 本地优先的个人知识管理系统,支持 Markdown 排版、块级引用和双向链接 (b3log.org)里面发现,vditor(思源笔记的英文名)已经支持在markdown里面直接添加五线谱了:
尝试了一下,人傻了好久,渲染速度实在太快了。
因为vditor本身是编辑器,只要加载了这个内核就可以应用它的功能,所以vs code上也可以轻易地做到这一点:
对应的插件为Markdown Editor - Visual Studio Marketplace
于是对vditor能够打五线谱这件事非常诧异,几番调查后,在
使用 Markdown 制作五线谱 - InfoQ 写作平台
得出它是因为加载了abcjs这个项目
从笔记方便的角度讲,lilypond在代码编辑器里的进展是远远跟不上的
搜遍全网……最好的结合方案在netify上:
Lilypond in Markdown (lilypond-in-markdown.netlify.app)
这个渲染效果看得流口水,然而也就只能流口水……
关于abcjs的打谱操作,可以参照
在线乐谱协作编辑器composing.studio | 老苏的blog (laosu.ml)
实话说,有许多小的操作比lilypond要更简洁。下面是代码和编译结果。
真不知道一个能结合lilypond代码的笔记软件到底合适能到来……
这篇关于打谱笔记大杀器!Vditor集成abcjs的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-04React 19 来了!新的编译器简直太棒了!
- 2025-01-032025年Node.js与PHP大比拼:挑选最适合的后端技术进行现代web开发
- 2025-01-03?? 用 Gemini API、Next.js 和 TailwindCSS 快速搭建 AI 推文生成项目 ??
- 2024-12-31Vue CLI多环境配置学习入门
- 2024-12-31Vue CLI学习入门:一步一步搭建你的第一个Vue项目
- 2024-12-31Vue3公共组件学习入门:从零开始搭建实用组件库
- 2024-12-31Vue3公共组件学习入门教程
- 2024-12-31Vue3学习入门:新手必读教程
- 2024-12-31Vue3学习入门:初学者必备指南
- 2024-12-30Vue CLI多环境配置教程:轻松入门指南