ChordPlus

Need a more professional-looking chord sheet? ChordPlus can help you do that.

It does not provide a slick graphical user interface where you can drag and drop notes and musical symbols. Instead, it transforms simple text to an amazing chord sheet. You can now focus more on the content, rather than on the look of your chord sheet. ChordPlus will handle the looks for you. :)

All you need to do is to learn some symbols and series of characters.

But, before that, I will give an example.

This text: 


	

	
Can turn to this:
		
	

	
And also to this (transposed to key of D):
		
	


	
Syntax Guide

	
Here is a cheat sheet for the syntax guide. I believe you can master these symbols and series of characters within an hour.
		:)
	


	

		
			

				Element
				Source Code
				Result
			

		
		
			

				Chords
					

						Chords are displayed as is.
					

						
				
					
A B C D E F G
Am7 Bdim7 C#m9b13 DM9 E11 Fm6 G7b5
					

						
			

			

				Timing
					

						You can indicate simple timings to complicated ones with dotted notes and ties.
					

						
				
					
C:1 C:2 C:4 C:8 C:16
C:1. C:2. C:4. C:8. C:16.
C:1_ C:2_ C:4_ C:8_ C:16_
C:1._ C:2._ C:4._ C:8._ C:16._
C:16,16,8
C:16,16
C:16,8.
C:8_3
C:8,8,8,8
C:8,16,16
C:8,8
C:8.,16
C:4_3
C:16,16,16,16
C:8,8,8
C:16,16,16
C:16,8,16
					

						
			

			

				Rests
					

						The timing symbols can also be used to indicate rests.
					

						
				
					
r:1 r:2 r:4 r:8 r:16
r:1. r:2. r:4. r:8. r:16.
r:1_ r:2_ r:4_ r:8_ r:16_
r:1._ r:2._ r:4._ r:8._ r:16._
					

						
			

			

				Repetitions
					

						Use repetition symbols to save space.
					

						
				
					
[[: C | F | G | C :]]
[[: C | F | G | C :]]4
					

						
			

			

				Comments
					

						Add comments to make you chord sheet more informative.
					

						
				
					
'guitar [[: C | F | G | C :]]
'apostrophe' [[: C | F | G | C :]]
'double-quotes" [[: C | F | G | C :]]
'with_(parentheses) [[: C | F | G | C :]]
'synth_comes_in C | F | G | C
'whole_band_comes_in C | F | G | C
					

						
			

			

				Sections
					

						Add sections of the song to better see its structure.
					

						
				
					
[Intro] [[: C | F | G | C :]]
[Chorus] 'whole_band F G | C | F G | C
					

						
			

			

				Labels
					

						Labels are used in pair with repetition symbols. It can also be used to add jumps to different parts of the song.
					

						
				
					
[Intro] [[: "A. C | F | G | "1. C "2. Am C :]]
[[: C | F | G | C F | G C "To_A :]]
					

						
			

			

				Double Bar Line
				
					
[Intro] [[: C D [[ E:4,4,4 | G#m:4,4,4 :]]
					

						
			

			

				Bar Tie
				
					
[Intro] C:4,4,4,4 [[_ x:4 C:4,4,4
					

						
			

			

				Change Of Key
					

						Though invisible, this will help ChordPlus in transposing the chords.
					

						
				
					
C D | Em F | Bb G C
[[ 'higher [[Eb Eb F | Gb G | A B
					

						
			

		
	


	
How To Use The Code

	
It's easy. Just import the ChordPlus JS file, feed the source code to getHTML function then get the result.

	
		
<script src="dist/chord-plus.min.js"></script>
<script>
	var sourceCode = '[Intro] [[: C:4,4,4,4 Dm | Em F | G Am Bdim :]]3';
	var result = ChordPlus.getHTML( sourceCode );

	// To enable tranposition, indicate the source key and the target key
	var resultTransposed = ChordPlus.getHTML( sourceCode, 'C', 'D' );
</script>