ABC Sheet Music Plugin for Joplin

Plugins
1

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

12 Likes
2

You're really putting the Scott in Joplin

5 Likes
3

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

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.
image

4

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

5

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...

6

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

1 Like
7

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：

Snipaste_2023-05-21_16-27-49
Snipaste_2023-05-21_16-27-49945×169 10 KB

This is in the plugin：
Snipaste_2023-05-21_16-29-40

8

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

9

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

10

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
The rendered code within Joplin. Is there anything that can be done with this?

Screenshot 2023-07-28 at 3.28.15 pm
Screenshot 2023-07-28 at 3.28.15 pm1031×388 16 KB

The non-render within Joplin cloud.

11

The abc plugin is great! Lately, however, on Android it doesn't render and instead prints this error:

Could not render ABC notation: Cannot read properties of undefined (reading 'trim')

Any help would be appreciated. (Android 16, latest Joplin from Play Store)

12

Just installed new Joplin 3.4.5 version with no change to my rendering problem. I saw in the description of 3.4.6 that rendering issues were addressed, I keep my fingers crossed and wait till it’s available on Play Store.

13

Is there any way this would also be available (rendering music) on the mobile app and/or on published notes?

I am a music teacher and having a note app that could also render music AND be shared would really be a game changer!

I already use abc notation on my website, using a script from jfmoine (abc2svg). Can I call that script on a selfhosted note, or on Joplin cloud hosted notes?

14

It should work on mobile from the next pre-release (3.4.7)

15

Hi Laurent,

Thanks for your answer. Are you speaking of online published notes, or notes withing the Joplin mobile app, or both?

My mobile app says it’s version 13.4.2, so I’m not sure what version 3.4.7 means?

16

Just mobile app. I think on published notes it wouldn't work at the moment, unless we integrate the plugin in Joplin

17

3.4.7 is the Android release containing the fix. On iOS, the version with the bug fix should be 13.4.4.

18

With version 3.5.7 at Release v3.5.7 · laurent22/joplin · GitHub you should now be able to publish notes with ABC content to Joplin Cloud