ABC Music Notation add-on for TinyMCE 4

Music Notation for TinyMCE
ABC Music Notation screenshot
ABC Music Notation screenshot

Renders ABC music notation on your page.

You can write music as text and it displays it as SVG image.


  • ABC 1.6 is pretty much implemented (aside from some issues with slurs)
  • Very simple multi-voice ABC and other features beyond ABC 1.6 are slowly making their way in, based on the behaviour of abcm2ps
  • Midi playback is at a very early stage and does not yet feature ornamentation, dynamics, chords or multi voice.
  • Midi playback will not work in Internet Explorer
TinyMCE 4 logoTinyMCE 4 compatible

ABC Music Notation add-on installation

  1. Download plugin from developer website
  2. Copy abc directory to tinymce/plugins/.
  3. Edit TinyMCE config and add abc to plugins key
  4. Add buttons to the toolbar section: abc
  5. Enjoy!

Refer to TinyMCE add-ons installation manual for more details