web/templates/card_creator.html

@@ -137,7 +137,9 @@ async function drawCardId() {
 
 
 function wrapText(text, x, y, maxWidth, lineHeight) {
-  const words = text.split(" ");
+  const lines = text.split('\n');
+  for (let i = 0; i < lines.length; i++) {
+    let words = lines[i].split(" ");
     let line = "";
     for (let n = 0; n < words.length; n++) {
       const testLine = line + words[n] + " ";
@@ -152,6 +154,8 @@ function wrapText(text, x, y, maxWidth, lineHeight) {
       }
     }
     ctx.fillText(line, x, y);
+    y += lineHeight;
+  }
 }
 
 // Update card live when inputs change