belege

belege.html

@@ -216,7 +216,7 @@ <h3>Allgemeine Daten</h3>
 
 
             </div><br>
-            <div id="rechnung1Container" style="border:1px solid #00000039;line-height:0.75;padding:0px;margin:0px;width:720px">
+            <div id="rechnung1Container" style="margin:0 auto;width:726px;text-align: center">
             </div>
             <br>
             <div class="exportButtons">
@@ -361,7 +361,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
             <br>
-            <div id="kontoauszugContainer" style="border:0px solid #00000039;width:760px"></div><br>
+            <div id="kontoauszugContainer" style="text-align:center;margin:0 auto;width:765px"></div><br>
             <div class="exportButtons">
                 <button class="icon" type="button" onclick="kontoauszugHerunterladenAlsPNG()"><svg
                         xmlns="http://www.w3.org/2000/svg" height="16" width="16"
@@ -483,8 +483,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
 <br>
-            <div id="quittungContainer"
-            style="border:1px solid #00000039;line-height:0.75;padding:0px;margin:0px;width:720px"></div><br>
+            <div id="quittungContainer" style="text-align:center;margin:0 auto;width:726px"></div><br>
                 <div class="exportButtons">
                     <button class="icon" type="button" onclick="quittungHerunterladenAlsPNG()"><svg
                             xmlns="http://www.w3.org/2000/svg" height="16" width="16"
@@ -612,7 +611,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
 <br>
-            <div id="kassenbonContainer" style="border:1px solid #00000039;line-height:0.75;text-align: center;margin:0 auto;width:50%;min-width:402px"></div><br>
+            <div id="kassenbonContainer" style="text-align: center;margin:0 auto;width:415px"></div><br>
                 <div class="exportButtons">
                     <button class="icon" type="button" onclick="kassenbonHerunterladenAlsPNG()"><svg
                             xmlns="http://www.w3.org/2000/svg" height="16" width="16"

js/belege.js

@@ -1442,16 +1442,23 @@ function kassenbonHerunterladen() {
 
 
 
-function rechnungKopiereInZwischenablage() {
-    const rechnungHTML = document.getElementById('rechnung1Container').innerHTML.replace(/ /g, ' ');;
-    navigator.clipboard.writeText(rechnungHTML)
-        .then(() => alert('Code wurde in die Zwischenablage kopiert'))
-        .catch(err => console.error('Fehler beim Kopieren in die Zwischenablage:', err));
-}
 
 
 function kopiereInZwischenablage(containerId) {
-    const containerHTML = document.getElementById(containerId).innerHTML.replace(/ /g, ' ');
+    // SVG-Element aus dem Container abrufen
+    const containerSVG = document.getElementById(containerId).querySelector('svg');
+
+    // Kopie des SVG-Elements erstellen, um das Original nicht zu ändern
+    const clonedSVG = containerSVG.cloneNode(true);
+
+    // width und height Attribute entfernen
+    clonedSVG.removeAttribute('width');
+    clonedSVG.removeAttribute('height');
+
+    // HTML des modifizierten SVGs erhalten
+    const containerHTML = clonedSVG.outerHTML.replace(/ /g, ' ');
+
+    // Text in die Zwischenablage kopieren
     navigator.clipboard.writeText(containerHTML)
         .then(() => alert('Code wurde in die Zwischenablage kopiert'))
         .catch(err => console.error('Fehler beim Kopieren in die Zwischenablage:', err));