From 8fc9bf34dfd507ecece151f4933c0c8d80004e78 Mon Sep 17 00:00:00 2001 From: Brandon Keepers Date: Tue, 19 Mar 2024 16:41:24 -0400 Subject: [PATCH] Tweak demo content --- demo.ts | 25 +++++++++++++++++++++---- index.html | 21 +-------------------- 2 files changed, 22 insertions(+), 24 deletions(-) diff --git a/demo.ts b/demo.ts index 1fed268..d8b6393 100644 --- a/demo.ts +++ b/demo.ts @@ -1,7 +1,24 @@ import { createEditor } from "./src/" -const el = document.querySelector('#editor')! -const doc = el.textContent! -el.textContent = "" +const doc = `# Welcome to the new ChordBook.app Editor! ๐ŸŽธ +# This editor is optimized for the ChordPro format (https://www.chordpro.org). +# This interactive demo will give you an overview of the features. -createEditor(el, { doc }) +{title: Song Title} +{artist: Artist Name} + +{start_of_verse} +This is a [C]song with chords +{end_of_verse} + +{start_of_chorus} +This is the [G]chorus +{end_of_chorus} + +# Features: +# โœ… Syntax Highlighting +# โœ… Chord autocomplete - type "[" and you will see autocomplete of previously used chords +# โœ… Snippets - type "title", "start_ofโ€ฆ", "tab" or any other ChordPro directive +` + +createEditor(document.querySelector('#editor')!, { doc }) diff --git a/index.html b/index.html index 24377a5..2a6ec73 100644 --- a/index.html +++ b/index.html @@ -16,26 +16,7 @@ -
# Welcome to the new ChordBook.app Editor! ๐ŸŽธ -# This editor is optimized for the ChordPro format (https://www.chordpro.org). -# This interactive demo will give you an overview of the features. - -{title: Song Title} -{artist: Artist Name} - -{start_of_verse} -This is a [C]song with chords -{end_of_verse} - -{start_of_chorus} -This is the [G]chorus -{end_of_chorus} - -# Features: -# โœ… Syntax Highlighting -# โœ… Chord autocomplete - type `[` and you will see autocomplete of previously used chords -# โœ… Snippets - type "title", "start_ofโ€ฆ", "tab" or any other ChordPro directive -
+