ABC Sheet Music Plugin for Joplin

[laurent]

ABC Sheet Music Plugin for Joplin

This plugins renders ABC notation into sheet music. You create a fenced block with "abc" as identifier, and the content is rendered to a sheet music:

```abc
K:F
!f!(fgag-g2c2)|
```

For example:

Installation

In Joplin, open the configuration screen, then under "Plugins" search for "ABC".

More info

• Repository: https://github.com/joplin/plugin-abc-sheet-music
• The ABC Notation official website, with lessons and examples to learn the notation: https://abcnotation.com
• The ABC Standard: https://abcnotation.com/wiki/abc:standard

[james-carroll]

You're really putting the Scott in Joplin

[CWPfVTkNBMyfdFW]

This looks awesome, but doesn't really work with dark themes.

It would look nice if the notes themselves were white (or using the regular text color) instead of a plain white background, but I don't know which one would be easier.

[laurent]

Good point. Making the notes white is likely to be difficult so I'll probably just force the background to be white.

[CWPfVTkNBMyfdFW]

I just played with html in my screenshot, editing <path d=" ... " stroke="none" fill="#000000" class=""></path> to fill="#FFFFFF", but I can understand real code isn't so easy...

[CWPfVTkNBMyfdFW]

Thanks for the new version, I can finally read the notes!

[zuike]

Hello, I have referenced your code and implemented http://jtab.tardate.com/ Rendering, but the rendered image is different from the one in the HTML file. What may be the reason for this

This is my repository（ GitHub - freezuike/joplin-jTab )
This is from the HTML：

This is in the plugin：

[laurent]

Maybe you need to set the style? See how it's done here: plugin-abc-sheet-music/markdownItPlugin.ts at d4cee6dd17c2b9d2649e88d6b184ac69a735ec6d · joplin/plugin-abc-sheet-music · GitHub

[zuike]

Thank you. There may be some issues with this NPM library, which has not been updated for many years

[Cashie99]

This plugin is (potentially) of enormous value to me. However, while it renders nicely within Joplin itself, it doesn't render in a shared Joplin cloud note.

The rendered code within Joplin. Is there anything that can be done with this?

The non-render within Joplin cloud.