打谱笔记大杀器!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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程