SongEditor - Revision history

Marekpalka: /* ABC Notation */

2026-08-14T14:14:08Z

ABC Notation

← Older revision		Revision as of 16:14, 14 August 2026
Line 174:		Line 174:
	== ABC Notation ==		== ABC Notation ==

	ABC notation is a compact, text-based way to write sheet music using ordinary letters, numbers, and symbols. In JustChords, you can add ABC notation to a song to display real musical staves — notes, rhythms, time signatures, and lyrics — alongside your chords. Each section of the score starts with header fields (such as the tune title, meter, and default note length) followed by the music itself. Notes are written as letters A–G, with octaves, sharps, flats, and note lengths added using simple markers. Bar lines, repeats, and chord symbols can all be included directly in the text. Lyrics are aligned to the melody using dedicated <code>w:</code> lines beneath each staff. JustChords renders your ABC text into a clean musical score that appears in the song's Sheet Music view. Guitar tablature can also be generated automatically from the same notation. Because it is plain text, ABC notation is easy to type, edit, copy, and share. For hands-on samples you can copy into your own songs, see [[ABC Notation ~~Examples~~]].		ABC notation is a compact, text-based way to write sheet music using ordinary letters, numbers, and symbols. In JustChords, you can add ABC notation to a song to display real musical staves — notes, rhythms, time signatures, and lyrics — alongside your chords. Each section of the score starts with header fields (such as the tune title, meter, and default note length) followed by the music itself. Notes are written as letters A–G, with octaves, sharps, flats, and note lengths added using simple markers. Bar lines, repeats, and chord symbols can all be included directly in the text.

			Read more about [[ABC Notation]].

	=== Image Insert ===		=== Image Insert ===

Marekpalka: /* Web Editor */

2026-08-01T20:43:15Z

Web Editor

← Older revision		Revision as of 22:43, 1 August 2026
Line 397:		Line 397:
	The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.		The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.

	[[File:WebEditor.jpg]]		[[File:WebEditor.jpg\|400px\|center]]

	== How to start the Web Editor ==		== How to start the Web Editor ==

Marekpalka: /* Web Editor */

2026-08-01T20:42:52Z

Web Editor

← Older revision		Revision as of 22:42, 1 August 2026
Line 397:		Line 397:
	The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.		The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.

	[[File:WebEditor.jpg~~\|thumb~~]]		[[File:WebEditor.jpg]]

	== How to start the Web Editor ==		== How to start the Web Editor ==

Marekpalka: /* Web Editor */

2026-08-01T20:41:40Z

Web Editor

← Older revision		Revision as of 22:41, 1 August 2026
Line 397:		Line 397:
	The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.		The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.

	[[:File:~~webEditor~~.jpg]]		[[File:WebEditor.jpg\|thumb]]

	== How to start the Web Editor ==		== How to start the Web Editor ==

Marekpalka: /* Web Editor */

2026-08-01T20:38:57Z

Web Editor

← Older revision		Revision as of 22:38, 1 August 2026
Line 397:		Line 397:
	The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.		The '''Web Editor''' lets you edit a song in any browser on the same Wi-Fi network as your device running JustChords. Changes sync in real time in both directions — edits made in the browser appear instantly in JustChords, and edits made in JustChords appear instantly in the browser.

	[[File:~~Web_Editor~~.~~png\|600px\|center~~]]		[[:File:webEditor.jpg]]

	== How to start the Web Editor ==		== How to start the Web Editor ==

Marekpalka: /* Web Editor */

2026-08-01T20:36:41Z

Web Editor

@@ Line 407: / Line 407: @@
 The server stops automatically when you close the Song Editor or toggle it off. Only one song can be edited at a time.
 === Song header ===
@@ Line 435: / Line 414: @@
 === Editor area ===
-The main text area is where you write chords and lyrics using [[SongEditor#Writing_lyrics_and_chords|ChordPro syntax]]. Syntax highlighting uses the same colours as the JustChords app:
+The main text area is where you write chords and lyrics using [[SongEditor#Writing_lyrics_and_chords|ChordPro syntax]]. Syntax highlighting uses the same colours as the JustChords app.
 Changes are sent to JustChords automatically after a 300 ms pause. There is no manual save button — the song is kept in sync continuously.
@@ Line 474: / Line 425: @@
 The Web Editor supports dark and light mode independently of the system setting. Click '''Dark''' / '''Light''' in the top bar to switch. The preference is stored in the browser's local storage and persists across sessions.

Marekpalka: /* How to start the Web Editor */

2026-08-01T20:34:54Z

How to start the Web Editor

← Older revision		Revision as of 22:34, 1 August 2026
Line 404:		Line 404:
	# Tap the '''…''' (more) menu in the Song Editor toolbar and choose '''Web Editor''', or open '''Settings → Web Editor'''.		# Tap the '''…''' (more) menu in the Song Editor toolbar and choose '''Web Editor''', or open '''Settings → Web Editor'''.
	# Toggle '''Web Editor''' on.		# Toggle '''Web Editor''' on.
	# A URL appears — open it in any browser on the same Wi-Fi network.		# A URL appears — open it in any browser on the same Wi-Fi network: '''192.168.x.x:8080'''

	~~The server runs on port '''8080'''. Two addresses are shown:~~

	* '''justchords.local:~~8080''' — works in Safari and Chrome via mDNS/Bonjour; the easiest address to type.~~
	* '''192.168.x.x:8080''' ~~— the numeric IP fallback if mDNS is unavailable.~~

	The server stops automatically when you close the Song Editor or toggle it off. Only one song can be edited at a time.		The server stops automatically when you close the Song Editor or toggle it off. Only one song can be edited at a time.

Marekpalka at 20:33, 1 August 2026

2026-08-01T20:33:47Z

@@ Line 393: / Line 393: @@
 Use shortcut CMD + 1 to insert the 1st suggested Chord from the Quick Chord Bar. Use CMD + 2 for the 2nd and so on.
-= Related topics =
+= Web Editor =
 * [[Getting started with JustChords]]

Marekpalka: /* Writing lyrics and chords */

2026-07-16T19:29:24Z

Writing lyrics and chords

@@ Line 34: / Line 34: @@
 = Tab: Song Editor =
 === Writing lyrics and chords ===
-Song is written as text document and uses simple syntax based on chordpro [https://www.chordpro.org/] format.
+Song is written as text document and uses simple syntax based on the chordpro [https://www.chordpro.org/] format.
 For example, this is the contents of a simple song:
@@ Line 41: / Line 41: @@
 ''In the '''[C]'''world full of '''[G]'''chords, where '''[D]'''melodies un'''[Em]'''fold,''‎<br />
 ''A '''[C]'''digital ha'''[G]'''ven for '''[D]'''stories untold.''‎<br />
-''With a '''[C]'''tap and a '''[Em]'''swipe, a '''[C]'''music'''[D]'''ian’s de'''[Em]'''light,''‎<br />
+''With a '''[C]'''tap and a '''[Em]'''swipe, a '''[C]'''music'''[D]'''ian's de'''[Em]'''light,''‎<br />
 ''Just'''[C]'''Chords guiding '''[D]'''through the musical '''[Gsus4]'''night.'''[G]''' ''‎<br />
 ''(repeat 2x)''
@@ Line 47: / Line 47: @@
 '' '''Verse 1:''' ''‎<br />
 ''In the '''[C]'''palm of your '''[G]'''hand,''‎<br />
-''a song'''[D]'''writer’s '''[Em]'''dream,''‎<br />
+''a song'''[D]'''writer's '''[Em]'''dream,''‎<br />
 ''…''
 The '''lyrics''' of the song are interspersed with '''chords''' written between brackets '''[''' and ''']'''. The chords are placed in front of the syllable they belong to.
-'''Sections''' of the song are separated by empty line. Sections are typically used to divide verses from the chorus or bridge. Each section can be labeled with a '''name'''. You can label your sections by typing a name on the first line of the section (followed with a colon), and then follow it with a new line. After you have labeled sections, you can define song structure.
+'''Sections''' of the song are separated by an empty line. Sections are typically used to divide verses from the chorus or bridge. Each section can be labeled with a '''name'''. You can label your sections by typing a name on the first line of the section (followed with a colon), and then following it with a new line. After you have labeled sections, you can define the song structure.
-'''Comments''' or musical instructions should be written as text on a line surrounded with parenthesis.
+'''Comments''' or musical instructions should be written as text on a line surrounded with parentheses.
 === Text Formatting ===

Marekpalka: /* Section 1: Audio Track */

2026-07-03T13:26:14Z

Section 1: Audio Track

← Older revision		Revision as of 15:26, 3 July 2026
Line 231:		Line 231:
	Manage and view details relating to your song.		Manage and view details relating to your song.

	=== Section 1: Audio Track ===		=== Section Audio Track ===
	[[File:Audio_Playback.png\|400px\|right]]		[[File:Audio_Playback.png\|400px\|right]]