Übersicht
Cakedesk bietet ein leistungsstarkes Templatesystem, mit dem du deine eigenen Seitenlayouts für Rechnungen und Angebote mit HTML und CSS erstellen kannst.
Auch wenn es eine kleine Einarbeitung erfordert, bedeutet die Möglichkeit, Templates mit Code zu erstellen, dass du die volle Kontrolle über das Erscheinungsbild deiner Dokumente hast.
#Paged.js
HTML & CSS sind in erster Linie dazu gedacht, Webseiten zu layouten. Mit ein wenig Hilfe von Paged.js ist es möglich, auch Druckmedien (wie Rechnungen und Angebote) zu layouten.
Paged.js wird von Cakedesk im Hintergrund verwendet und du kannst alle Funktionen dieser Bibliothek nutzen, um zum Beispiel:
#Anatomie eines Templates
Ein Template besteht aus den folgenden Dateien:
#template.ejs
Das HTML-Markup für die Rechnung/das Angebot, unter Verwendung der EJS Templating-Sprache.
#styles.css
Die CSS-Stile für die Rechnung/das Angebot. Du kannst in den CSS-Dateien cm und px Einheiten verwenden. Du kannst auch Webfonts verwenden, indem du sie im gleichen Verzeichnis wie die CSS-Datei platzierst und sie über einen relativen Pfad referenzierst.
#template.json
Eine JSON-Datei mit Metadaten zum Template. Sie sollte mindestens den Templatenamen enthalten:
{
"name": "Mein Template"
}
Neben dem Namen können auch weitere Informationen in der template.json-Datei angegeben werden:
| Feld | Typ | Beschreibung |
|---|---|---|
name | string | Der Name des Templates, wie er in Cakedesk angezeigt wird. |
documentTypes | string[] | Die Dokumenttypen, die dieses Template unterstützt. Mögliche Werte sind "INVOICE" und "PROPOSAL". Wenn dieses Feld weggelassen wird, unterstützt das Template standardmäßig beide Dokumenttypen. |
stylesheets | string[] | Record<DocumentType, string[]> | Die CSS-Dateien, die für dieses Template geladen werden sollen. |
fields | CustomField[] | Die benutzerdefinierten Felder, die in diesem Template verwendet werden. Mehr Infos |
strings | Record<string, Record<Language, string>> | Die Übersetzungsstrings, die in diesem Template verwendet werden. Mehr Infos |