Linuchs: WYIWYG Editor für Print mit HTML/CSS-->möglich?

Beitrag lesen

Hi

Die DIV, die als WYSIWYG-Editor herhalten soll, müsste - damit der Ausdruck auch später genauso aussieht wir am Bildschirm - genau die Maße des gewählten Formats haben (z.B. eben DIN A4).

Nein. Wohl jeder Browser berücksichtigt einen nicht-druckbaren Rand. Beim Firefox kannst du den einstellen: about:config und dann "margin". Wenn du alle Ränder auf 0 stellst, werden Zeichen beim Drucken abgeschnitten, weil kaum ein Drucker A4 vollflächig drucken kann, er benötigt einen Rand.

Welche Maße muss die DIV haben, damit ich z.B. genau eine DIN A4 Seite hab?

Das ist von Browser zu Browser unterschiedlich. Definiere mal ein solches div mit Höhe und Breite und gib ihm border. Dann schau, ob "border" vollständig auf die Seite passt. Wenn ja, hast du die Einstellung für deinen Browser und deinen Drucker gefunden.

Du kannst natürlich auch einen großzügig bemessenen Rand nehmen, PDF macht das zum Beispiel.

Beim Druck hab ich ja normalerweise 300 dpi und am Bildschirm 72...d.h. wie geh ich damit um?

Das habe ich auch nie kapiert. Wenn ich druckbare HTML-Seiten definiere, gebe ich die Maße in mm an. Das kann ich mit einem handelsüblichen Lineal kontrollieren. Druckfachmänner haben vielleicht ein Lineal mit Punkten (pt).

Bin für jeden Tipp dankbar. Evtl. gibt es ja jemanden, der sowas schon mal umgesetzt hat...

Ich drucke seit Jahren nahezu alles per HTML Seite. Visitenkarten, Flyer mit Falzmarken, jede Menge Papier in Kundenprojekten.

Ich habe mich auf den Firefox spezialisiert, der auch bei Kunden eingesetzt wird. Er rendert die Bildschirm-Anzeige anders als den Druck. Das heißt, es passen unterschiedlich viele Zeichen auf eine Zeile. Erfreulicherweise zeigt die Druckvorschau das auf Ppaier zu erwartende Ergebnis. Ausgenommen den Rand, den der Drucker selbst noch dazudichtet.

Ich arbeite mit dem Text-Editor Geany und prüfe das Ergebnis immer wieder mit der Druckvorschau.

Try and error, nur so geht es.

Linuchs