Hugging Face's logo

Spaces:
KEXEL
/
abcjs
Running

App Files Community
abcjs
File size: 2,814 Bytes 
af6912c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>abcjs: Plugin Demo</title>

	<script src="../../dist/abcjs-plugin-min.js" type="text/javascript"></script>

	<script type="text/javascript">
		window.ABCJS.plugin.render_before = true;
		window.ABCJS.plugin.midi_options = {program: 41};
		//window.ABCJS.plugin.debug = true;
	</script>

	<style type="text/css">
		.abcrendered {
			background-color: #FCF9BB;
		}
	</style>
</head>

<body>
This one shows no newline before the music starts:
<pre>X:0
T: No Score
C: The Traditional Tune Archive
M:
K:
x
</pre>

<div class="content"><br /><br />X:1<br />T: 1 Speed the Plough<br />M:4/4<br />L:1/8<br />C:Trad<br />K:G<br />|:GABc dedB|dedB dedB|c2ec B2dB|c2A2A2BA|<br />|GABc dedB|dedB dedB|c2ec B2dB|A2F2G4:|<br />|:g2gf g2Bd|g2fe dBGB|c2ec B2dB|c2A2A2df|<br />|g2gfg2Bd|g2fe dBGB|c2ec B2dB|A2F2G4:|<br /><br />Chris</div>

from thesession:
<p>
X: 1<br />
T: Me Mother Won't Let Me Marry<br />
M: 6/8<br />
L: 1/8<br />
R: jig<br />
K: Dmaj<br />
DFA B2A|FGF F2E|DFA B2A|G3-G2 F|<br />

EGE EFG|c2c c2B|A^GA B2A|F3-F2 E|<br />

DFA B2A|F=GF F2E|DFA B2A|G3-G2 F|<br />

E2E EFG|c2c c2B|A^GA ABc|d3 e2 z|]<br />

f2f f2e|d2d d2e|ded c2d|e3-e2 f|<br />

g2g g2e|c2c c2B|A^GA B2A|F3-F2 d|<br />

f2f f2e|d2d d2e|ded c2d|e3-e2 f|<br />

g2g g2e|c2c c2B|A^GA ABc|d3-d2 z|]<br />

</p>

In this document, small bits of abc are interpreted
<br>
X: 1<br>
T: 2 body child<br>
A<br><br>

<div>
X: 1<br>T: 3 div child<br>A<br><br>
  <div>
  X: 1<br>T: 4 div div child<br>A<br><br>
  </div>
</div>
<p style="margin-left:40px; border:1px solid black;"> This also works when in a paragraph<br>
X: 1<br>
T: 5 Here is a title<br>
K: Emin<br>
CDEFGABcdefgab<br>
</p>
<p>On a new line inside a pre
	<pre>
X: 1
T: 6 Cooley's
M: 4/4
L: 1/8
K: Emin
|:D2|EB
</pre>
<div class="content">X:1<br />T: 7 begin<br />G<br /><br />This is mid-line.<br />X:1<br />T:8 middle<br />G<br /><br />X:1<br />T:9 blank lines on either side<br />G<br /><br />in the middle it should work<br />X:1<br />T:10 end<br />G</div>
<span class="postbody">X:1
<br />
T:11 begin
<br />
K:G
<br />
G
<br />

<br />
Here is some text between tunes.
<br />
X:1
<br />
T:12 middle
<br />
G
<br />

<br />

X:1
<br />
T:13 blank lines on either side
<br />
G
<br />

<br />
in the middle it should work
<br />
X:1
<br />
T:14 end
<br />
G
</span>

<textarea name="wpTextbox1" id="wpTextbox1" cols="80" rows="25" tabindex="1" accesskey=",">X:1
T:Ciaran � Raghallaigh
T:Master Seamus
C:Charlie Lennon
M:4/4
L:1/8
Z:Ted Hastings
K:G
B,C|DB, ~B,2 DGBG|FC ~C2 EGcG|FD ~D2 FAdc|edcd BGEG|
DG,B,D GB,DG|ECDE GCEG|FADF AcBA|1 GFAF G2:|2 GEDB, G,2||
Bc|dggf gdBd|eccB ceag|fddc dfc'b|agfe dcBc|
d2 Bd gdBd|~c2 Bc ABAF|EccB cBAG|FDCA, G,2:||
</textarea>
</body>
</html>