Ich brauche zum erstellen eines Berichts in HTML, dass ist in A4 Größe, wie kann ich das tun?
Ich brauche, um einen Bericht im HTML-Format sein soll A4-Größe genau. Es braucht Kopf-und Fußzeilen. Sicherlich kann man mit css ja?
hat jemand irgendwelche Beispiele oder ein Beispiel-code dafür?
Habe ich gegoogelt und den code-Schnipsel habe ich alle reden über media queries und es funktioniert nicht..
also im Grunde ist es für print-Zwecke, der generierte html-Code wird umgewandelt in ein PDF-Dokument.
Ich bin mit MVC4 und kein tool gefunden, das wird konvertieren Sie eine PDF-Datei. Eine Sicht ist nur reines HTML. Also dachte ich, warum nicht Stil, die HTML darstellen, den Ausgabe-report, dann PDF.
So, ich muss die Möglichkeit haben, einen header und einen footer (unten auf der Seite) und dann den Inhalt in der Mitte der beiden
Habe ich versucht mit dem folgenden code, aber es scheint nicht zu funktionieren..
<html>
<head>
<style type="text/css" media="all">
@page {
size: A4 portrait; /* can use also 'landscape' for orientation */
margin: 1.0in;
border: thin solid black;
padding: 1em;
@bottom-center {
content: element(footer);
}
@top-center {
content: element(header);
}
}
#page-header {
display: block;
position: running(header);
}
#page-footer {
display: block;
position: running(footer);
}
.page-number:before {
content: counter(page);
}
.page-count:before {
content: counter(pages);
}
</style>
</head>
<body>
<div id="page-header">
<p>Header text</p>
</div>
<div id="page-footer">
<p>Footer text</p>
<p>Page <span class="page-number"/> of <span class="page-count"/></p>
</div>
<div id="page-content">
<p>Page 1.</p>
<p style="page-break-after:always;"/>
<p>Page 2.</p>
</div>
</body>
</html>
@media print
können Sie genau festlegen, wie die Seite Aussehen soll, wenn Sie gedruckt werden. Aber... ich habe nie versucht, so etwas wie dieses, es ist also nur ein "Erster Gedanke' Art der Sache...Beispiele dafür? ich habe versucht mit fanuriotimetracking.com/files/releases/2.7/help/html/... rufen Sie die sample Seite.. funktioniert nicht
#a4 { width: 8.27in; height: 11.69in; }
InformationsquelleAutor user2206329 | 2013-12-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
CSS kann verwendet werden, um Breite/Höhe, um eine Reale Größe; zum Beispiel in Ihren drucken.css-Datei:
Allerdings HTML/CSS wirklich nicht gedacht, für diesen Zweck; media queries wirklich der beste Weg, dies zu behandeln. Ich würde wirklich empfehlen, setzen Sie ein wenig mehr Zeit, um zu versuchen, Sie zu erhalten zu arbeiten; es ist die Zeit Wert, wenn Sie planen, auf die Verwendung dieser website mehr als einmal.
Sehr viel ausgemacht, aber seit der OP ausdrücklich nicht wollte, media queries, ich dachte, ich würde anbieten einen anderen Weg, es zu tun. Aber ja, media queries sind weit, weit vorzuziehen.
ich habe nie gesagt, ich wollte nicht, dass media queries.. ich meinte die media queries, die ich verwendet hat nicht funktioniert. Wenn hat jemand einige Medien Abfragen, die Arbeit.. mehr als glücklich, Sie zu benutzen
in diesem Fall lassen Sie uns versuchen, um diese media queries arbeiten! Können Sie erklären, was genau nicht funktioniert?
Ich stellte den code oben.. es nur Fehler aus. Sie können es versuchen....
InformationsquelleAutor AaronB
Warum A4-Größe? Für Druck-Zwecke?
Wenn Sie für druckzwecke Sie nicht einmal kümmern müssen. Verwenden Sie CSS für diesen Zweck.
Wenn das html-element wird die Anzeige als block-element (Standard) und Sie nicht angeben, in beliebiger Breite und Höhe dann das html-Dokument wird die Größe an den Drucker-Einstellungen-Dokument, wenn Sie versuchen zu drucken.
Wenn Sie jemals brauchen, um jede css-Einstellungen für das drucken verwenden Sie dann css media queries
Ignorieren Sie diese Antwort, wenn es nicht mit Druck, sondern bieten mehr details in deinem post, so können wir Ihnen die richtige Lösung.
Hoffe, es macht Sinn
Leo
Ist diese PDF-Konverter-tool in der Lage Umgang mit Druck und Papier-Formate? Welches Werkzeug ist das? Ich habe verwendet andere PDF-Konverter für MVC und ASP.NEt und Sie in der Regel handhaben diese Sachen in einer netten OO-Mode
ich bin mit den github.com/webgio/Rotativa
Wie ich vermutete, Sie können festlegen, dass alle Sachen (Ausrichtung, Größe, Ränder, etc.) in das PDF-tool-Ebene selbst. Schauen Sie sich das folgende Objekt, es erstreckt sich ein ActionResult Objekt...github.com/webgio/Rotativa/blob/master/Rotativa/...
Es enthält alle Optionen, die Sie suchen
InformationsquelleAutor Leo