html-docx library, höhe von Tabellenzeilen

olaf2500 · 9. Mai 2018

Hallo zusammen,

ich benutze die oben genannte library um ein docx zu erstellen https://github.com/evidenceprime/html-docx-js

Außerdem wird das mithilfe dieser library heruntergeladen https://github.com/rndme/download

Allerdings haben die Zeilen der Tabelle die dabei heraus kommt eine unnötig große Höhehtml-seminar.de/woltlab/attachment/1547/

Wie man sieht ist die Zeile doppelt so hoch wie der Text.

Hier mein Code:

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="download.js"></script>
        <script src="html-docx.js"></script>
  </head>
  <body>
        <button onclick="word()">Word</button>
        <script>
        function word(){
            doc = '<!doctype html><html><body><table style="border-collapse:collapse;"<tr style="max-height:0.5em"><td style ="width:15em; border: 1px solid;">Hallo</td><td style ="width:15em; border: 1px solid;">Test</td></tr></table></body></html>';
            var converted = htmlDocx.asBlob(doc, {orientation: 'portrait'});
            download(converted, "test.docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document");
        }
        </script>
  </body>
</html>

Alles anzeigen

max-height hat auch keinen Einfluss darauf.

Hat jemand eine Idee wie man das ändern kann?

Arne Drews · 9. Mai 2018

Auf den ersten Blick fehlt ein > für das öffende <table...>.

Ansonsten sieht das bei mir ok aus. Welcher Browser?

olaf2500 · 9. Mai 2018

Zitat von Arne Drews

Auf den ersten Blick fehlt ein > für das öffende <table...>.

Ansonsten sieht das bei mir ok aus. Welcher Browser?

Oh ja stimmt, habe ich ergänzt, macht aber keinen Unterschied. Habe es in Chrome, Firefox und Internet Explorer getestet, überall das gleiche Ergebnis

Arne Drews · 9. Mai 2018

Bei mir sind die "Lücken" nicht. => Chrome

basti1012 · 9. Mai 2018

bei mir geht das in codepen alles und läst sich alles anpassen.

das habe ich aber

Code

<table style="border-collapse:collapse;"<tr style="max-height:0.5em">

in das

Code

<table style="border-collapse:collapse;"><tr style="height:20px">

und so läst sich es gut anpassen .Zumindest bei mir in codepen

Würde sowieso versuchen den ganzen inline style da rauszuschmeissen

olaf2500 · 9. Mai 2018

Als HTML Dokument betrachtet lässt es sich bei mir auch wunderbar ändern aber sobald ich es exportiere entsteht im Word eine zu große Zeile. Ich habe versucht die Schriftgröße zu ändern, dadurch sieht es zwar weniger schlimm aus aber es bleibt eine zu große Zeilenhöhe

Arne Drews · 9. Mai 2018

Ach so, habe ganz überlesen, dass Du das Resultat in Word meintest.

Markiere mal das gesamte Dokument mit STRG+A und stelle die Formatvorlage auf "Kein Leerraum".

olaf2500 · 9. Mai 2018

Zitat von Arne Drews

Ach so, habe ganz überlesen, dass Du das Resultat in Word meintest.

Markiere mal das gesamte Dokument mit STRG+A und stelle die Formatvorlage auf "Kein Leerraum".

Das ist schon mal super danke, allerdings wäre es noch deutlich schöner wenn das automatisch funktionieren würde, ohne dass man etwas in Word einstellen muss. Also dass es an jedem Rechner sofort einwandfrei aussieht.

Arne Drews · 9. Mai 2018

Ich stelle die Standard-Vorlage von Word immer um, dass ich gleich die richtige habe, nervt mich sonst auch immer.

Aber ob man das im Dokument mit geben kann, dass die Formatvorlage gewählt ist, weiß ich leider nicht.

Wenn man das OpenXML Format verwendet, ist evtl. was möglich:

http://openxmldeveloper.org/cf…70/Open-XML-Explained.pdf

olaf2500 · 14. Mai 2018

Falls mal wieder jemand auf den Beitrag stoßen sollte, ich habe das Problem gelöst, indem ich um den Text ein p Element packe und dem Absatzvermeidende Eigenschaften zuweise:

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="download.js"></script>
        <script src="html-docx.js"></script>
  </head>
  <body>
        <button onclick="word()">Word</button>
        <script>
        function word(){
            doc = '<!doctype html><html><body><table style="border-collapse:collapse;"<tr style="max-height:0.5em"><td style ="width:15em; border: 1px solid;"><p style="display:inline; margin:0px;">Hallo</p></td><td style ="width:15em; border: 1px solid;"><p style="display:inline; margin:0px;">Test<p></td></tr></table></body></html>';
            var converted = htmlDocx.asBlob(doc, {orientation: 'portrait'});
            download(converted, "test.docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document");
        }
        </script>
  </body>
</html>

Alles anzeigen

Danke Arne Drews ohne deinen Hinweis wäre ich vermutlich nie darauf gekommen, dass das Problem mit einem Absatz zusammenhängt

html-docx library, höhe von Tabellenzeilen

Jetzt mitmachen!

Teilen