Drucken Sie Ihren Kalender

Eine Website, auf der Sie Ihre iCalendar-Dateien in einen druckbaren Kalender umwandeln können

#React#JavaScript#Projekte

Jedes Jahr kauft meine Mutter einen Kalender, den sie in unserer Küche aufhängt. Er hat eine Seite für jeden Monat, die wie eine Tabelle aussieht, mit einer Zeile für jeden Tag. Jedes Familienmitglied bekommt eine Spalte und kann dort seine Termine eintragen. Aber meine Mutter schreibt auch alle Geburtstage und Feiertage hinein, und sogar die Zeiten, zu denen die Mülltonnen geleert werden. Das erfordert viel Aufwand. Aber all diese Daten können entweder online als .iCal-Dateien heruntergeladen werden, oder sie können einmal in einem elektronischen Kalender hinzugefügt und ebenfalls als .iCal-Dateien exportiert werden.

Es gibt viele Websites, auf denen Sie diese Dateien hochladen und einen druckbaren Kalender herunterladen können. Aber keine der von mir gefundenen Websites ermöglicht die Verwendung des Tabellenlayouts, das unser Kalender immer hat. Deshalb habe ich beschlossen, eine solche Website selbst zu erstellen.

Drucke meinen Kalender

Die Website ist unter Drucke meinen Kalender verfügbar.

Wie es funktioniert

Benutzer können ihre iCal-Dateien eingeben. Standardmäßig entspricht eine Datei einer Spalte im exportierten Kalender. Benutzer können Spalten zusammenführen oder aufteilen und neue hinzufügen. Anschließend können sie festlegen, für welchen Zeitraum sie einen druckbaren Kalender erstellen möchten. Dies ermöglicht auch die Verwendung von iCal-Ereignissen, die jedes Jahr wiederholt werden, sodass Benutzer dieselbe Datei jedes Jahr hochladen können. Nachdem das Design des Kalenders geändert wurde, können Benutzer ihren Kalender herunterladen.

Kalender herunterladen

Zunächst wird der Kalender als HTML-Element gerendert, das Benutzer am unteren Rand der Seite sehen können. Anschließend wird html2canvas verwendet, um das gerenderte Ergebnis in eine HTML-Leinwand umzuwandeln. Der Inhalt der Leinwand kann als Bild heruntergeladen werden. Dies wird für jeden Monat des angegebenen Zeitraums durchgeführt, sodass der Benutzer die Seiten für jeden Monat einzeln drucken kann.

Kommentare

Noch Fragen?