include linebreaks

diff --git a/.ci/tags.html b/.ci/tags.html
index 4448f6396db6686d30e89574bbb899d92bb60cc8..cffd2749b93bf11c06cbf0f347b4d9b2e2f66647 100644 (file)
--- a/.ci/tags.html
+++ b/.ci/tags.html
@@ -257,9 +257,7 @@ function axesCombos(axes) {
           <input style="width: 3rem;" class="join-item input input-xs input-bordered btn-square" :data-index="index" v-model.lazy="family.score" @change="edited" placeholder="family.score">
           <button class="btn btn-xs join-item pr-2" @click="removeFamily">X</button>
           </div>
-          <div v-if="ready" :style="familyStyle" contenteditable="true" @input="customSampleText">
-            {{ familyPangram }}
-          </div>
+          <div style="white-space: pre-wrap;" v-if="ready" :style="familyStyle" contenteditable="true" @input="customSampleText">{{ familyPangram }}</div>
         <div v-else>
           Loading...
         </div>
@@ -269,6 +267,7 @@ function axesCombos(axes) {
     methods: {
       customSampleText(event) {
         this.$root.sampleText = event.target.innerText;
+        console.log(this.$root.sampleText);
       },
       edited() {
         this.$emit('edited', this.family);
@@ -280,7 +279,7 @@ function axesCombos(axes) {
     computed: {
       familyPangram() {
         if (this.$root.sampleText !== "") {
-          return this.$root.sampleText;
+          return this.$root.sampleText
         }
         return this.$root.familyPangram(this.family);
       },