Anpassung eines PDF-Exports
PDF-Exporte können von Confluence-Admins und Bereichs-Admins individualisiert werden.
Wichtige Aspekte zur PDF-Anpassung
PDF-Anpassungen sind bereichsspezifisch.
PDF-Anpassungen sind nur für Bereichsexporte gültig (nicht für Exporte einzelner Seiten über> In PDF exportieren).
Die PDF-Anpassungen in Confluence benutzen eine Kombination aus HTML und CSS (Cascading Style Sheets).
Um eine bestimmte Voraussetzung einer exportierten PDF-Datei zu erfüllen, müssen Sie einen oder beide der folgenden Punkte ändern:
- Das PDF-Layout, dort wo HTML dazu benutzt wird, um die Struktur des exportierten Inhaltes, wie Seitentitel, Kopf- oder Fußzeile, zu definieren.
- Die PDF-Formatvorlage, wo CSS benutzt wird, um die Gestaltung von Elementen in dem exportierten Inhalt zu ändern, wie u.a. die Seitengröße und Ränder, Hintergrundfarbe und die Listennummerierung.
Mehr Information dazu unter: Weiterführende Anpassungen von PDF-Exporten.
Individualisierungsbeispiele
Hier zeigen wir einige typische Individualisierungen, die Sie hinzufügen können. Sehen Sie auch Weiterführende PDF-Individualisierungen.
Seitengröße
Die Standard-Seitengröße richtet sich nach dem Standort Ihres Confluence-Servers. Ist Ihr Server z.B. in den USA, ist das Standard-Papierformat des PDF-Exports US-Letter (8.5" x 11"). Befindet sich Ihr Server in Australien, ist das Standard-Papierformat A4 (210 mm x 297 mm). Mehr Infos zu den Papierformaten in Wikipedia.
Um die Seitengröße in A4 zu ändern, ändert man die PDF-Seitenvorlage wie folgt, um das Größen Merkmal der CSS@page Regel hinzuzufügen:
CSS - PDF-Formatvorlage
1 @page
2 {
3 /*The A4 paper size is 210 mm wide by 297 mm long*/
4 size: 210mm 297mm;
5 }
Seitenausrichtung: Quer- oder Hochformat
Um die Seitenausrichtung des PDF-Dokuments zu ändern, werden einfach nur die Werte der Reihenfolge der @page
Regel umgedreht. Der erste und zweite Wert dieser Eigenschaft zeigt die Breite und Höhe der Seite.
Soll beispielsweise ein Bereichs-Export in A4-Größe und im Querformat vorgenommen werden, sieht die @page
Regel so aus:
1 @page
2 {
3 /*A4-sized pages in landscape orientation are 297 mm wide by 210 mm long*/
4 size: 297mm 210mm;
5 }
Seitenränder
Um alle Seitenränder auf 15 mm festzusetzen, bei einer Seitengröße von A4, wird die @page
Regel in der PDF-Formatvorlage so geändert:
1 @page
2 {
3 size: 210mm 297mm;
4 margin: 15mm;
5 }
Um die Ränder unabhängig voneinander zu ändern, sieht die Änderung so aus:
1 @page
2 {
3 margin-top: 2.54cm;
4 margin-bottom: 2.54cm;
5 margin-left: 1.27cm;
6 margin-right: 1.27cm;
7 }
Um einen Spaltenzwischenraum zu lassen, damit ein gedrucktes Dokument z.B. gebunden werden kann, werden die :left
und :left Pseudo-Klassen wie folgt eingesetzt:
1 @page :left
2 {
3 margin-left: 4cm;
4 margin-right: 3cm;
5 }
6 @page :right
7 {
8 margin-left: 3cm;
9 }
10 }
11 @page :first
12 {
13 margin-top: 10cm /* Top margin on first page 10cm */
14 }
Bitte beachten Sie, dass die Benutzung der :first
Pseudo-Klasse im obigen Beispiel dazu dient, verschiedene Margen für eine Titelseite zu definieren.
Seitenumbrüche
Standardgemäß werden Confluence-Seiten ohne Seitenumbrüche exportiert. Kürzere Seiten erscheinen somit auf der gleichen PDF-Seite.
Damit jede Confluence-Seite auf einer separaten Seite des PDF-Dokuments erscheint, wird die folgende Regel in der PDF-Formatvorlage hinzugefügt:
2 {
3 page-break-before: always;
4 }
Wortumbruch
Lange, untreenbare Wörter oder Zeichenketten (wie z.B. eine URL) werden automatisch so umgebrochen, dass sie der Seitenbreite oder der Zellenbreite, falls es sich um eine Tabelle handelt, entsprechen.
Wenn Sie nicht möchten, dass Wörter oder lange Zeichenfolgen umgebrochen werden, können Sie das folgende CSS verwenden:
div {
word-wrap: normal !important;
}
Dies kann bedeuten, dass die Tabellenformatierung in Ihrer PDF-Datei problematisch ist und sehr lange Inhalte übergangen und von der Seite abgeschnitten werden können.
Titelseite
Es kann dem PDF-Dokument eine Titelseite hinzugefügt werden, indem dem PDF-Layout Screen HTML hinzugefügt wird. Das folgende Beispiel erstellt eine Titelseite und fügt einen Titel hinzu:
1 <div class="fsTitlePage">
2 <img src="/download/attachments/590719/titlepage.png" />
3 <div class="fsTitle">Planning for Confluence 4.0</div>
4 </div
Mit CSS-Regeln können das Aussehen der Titelseite und der Text kontrolliert werden:
1 .fsTitlePage
2 {
4 margin-top: 50mm;
5 margin-right: auto;
6 page-break-after:always
7 }
8
9 .fsTitle
10 {
11 font-size: 42px;
12 font-weight: bold;
13 margin: 72px 0 4px 0;
14 text-align:center;
15 }
Der Titelseite eine Abbildung hinzufügen
In dem obigen Beispiel beinhaltet die Titelseite eine Abbildung, die 'titlepage.png' heißt und in der Seite zentriert wird. Die Zahl "590719" in dem src
Attribut ist die ID-Nummer der Seite, bei der diese Datei angehängt wurde.
Folgen Sie dieser Anleitung, um eine Abbildung auf der Titelseite einzufügen:
- Hängen Sie die Abbildung an eine Confluence-Seite an.
- Schauen Sie sich die Liste der Anhänge an und kopieren Sie per Rechtsklick die Position der Datei.
- Fügen Sie diesen Link in dem entsprechenden
src=""
Attribut in der PDF-Formatvorlage, wie oben gezeigt, ein. - Editieren Sie den URL der Datei so, dass er relativ ist. Dazu löschen Sie den ersten Teil des URL vor dem
/download/...
Inhaltsverzeichnis
Standardgemäß wird nach der Titelseite oder am Anfang des PDF-Dokuments, wenn keine Titelseite definiert wurde, ein Inhaltsverzeichnis generiert. Um die Standard CSS-Regeln, die für das Inhaltsverzeichnis angewendet werden, zu sehen, klicken Sie bitte auf confluencedefaultpdf.css. Sehen Sie dort die spezifischen Regeln, die toc
in ihrem Namen enthalten.
Um das Aussehen des Inhaltsverzeichnisses zu ändern, können Die CSS-Regeln in der PDF-Formatvorlage definiert werden.
Das Inhaltsverzeichnis deaktivieren
Um zu verhindern, dass das Inhaltsverzeichnis in dem PDF-Dokument generiert wird, fügen Sie die div.toc-macro
Regel in der PDF-Formatvorlage ein und setzten seine display
Eigenschaft auf "none".
1 div.toc-macro
2 {
3 display: none;
4 }
Das Bezugszeichen im Inhaltsverzeichnis ändern
Das Bezugszeichen wird dazu genutzt, um eine Überschrift im Inhaltsverzeichnis mit der dazugehörigen Seitenzahl zu verknüpfen. Standardgemäß ist das Bezugszeichen hier der '.' (Punkt). Es sind aber die Bezugszeichen "dotted
, solid
" und "space"
erlaubt. Es kann auch eine Reihe, wie z.B. leader(". . . ")
benutzt werden.
Um das Bezugszeichen in eine durchgezogene Linie zu ändern, wird der leader()
Wert in der content
Eigenschaft der CSS-Regel wie folgt bearbeitet:
CSS - PDF-Formatvorlage
1 span.toclead:before
2 {
3 content: leader(solid);
4 }
Kopfzeilen und Fußzeilen
Sie können diese zu Ihren PDF-Seiten im Kopfzeilen- und Fußzeilen-Abschnitt des PDF-Layouts hinzufügen. Standardgemäß erscheinen Kopf- und Fußzeilen nur bei Bereichsexporten und nicht bei Exporten von einzelnen Seiten (sehen Sie hierzu Weiterführende PDF-Export Individualisierung). Im folgenden Beispiel wird eine einfache Copyright Notiz hinzugefügt:
Seitennummerierung
Um eine Seitennummerierung hinzuzufügen, muss individualisiertes HTML in dem PDF-Layout mit individualisiertem CSS in der PDF-Formatvorlage kombiniert werden.
PDF-Layout HTML: Benutzen Sie in dem Bereich der Fußzeile (oder der Kopfzeile), ein leeres Spann-Element mit einem einzigartigem ID, wie z.B.
pageNum,
um Platzhalter für die Seitennummer zu sein.HTML - PDF-Layout: Fußzeile
1 <span id="pageNum"/>
PDF-Formatvorlage CSS: Erstellen Sie die folgende CSS-Auswahl Regel für das leere Spann-Element:
CSS -PDF-Formatvorlage
1 #pageNum:before
2 {
3 content: counter(page);
4 }
Detaillierte Analyse der oben genannten CSS-Auswahl Regel:
- Die
#pageNum
Regel wählt das HTML-Element mit dem spezifizierten ID von "pageNum", welches das Spann-Element ist, das wir vorher für die Kopf- oder Fußzeile erstellt haben. - Das
:before
ist eine Pseudo-Klasse, die das Einfügen von Inhalt vor dem Spann-Element erlaubt. - Das
counter(page)
ist eine Funktion, die die aktuelle Seitennummer als Inhalt zurückführt.
Das content
sagt dem CSS-Prozessor, dass dynamischer Inhalt (in diesem Fall die Seitennummerierung) eingefügt werden soll.
Allgemeine Formatierung
Sie können die Formatvorlage dazu benutzen, die Gestaltung des Dokuments so zu gestalten, wie Sie möchten. Dazu gehören Schriftarten, Tabellen, Zeilenabstände, Makros, etc. Der Export passiert direkt vom HTML-Output, welches von Confluence erstellt wird. Deshalb ist der erste Schritt zur Individualisierung das Finden einer Auswahl für das HTML-Element, welches von Confluence oder einem Confluence-Makro hergestellt wurde. Dann wird die CSS-Regel in der PDF-Formatvorlage hinzugefügt. Und die Individualisierung erscheint im PDF-Export.
Anmerkungen
- Degradierung von Überschriftelementen: h1, h2, etc. Ein Bereich wird in Confluence auf eine hierarchische Art und Weise exportiert. Die Überschriftelemente werden modifiziert, um ein uniformes Aussehen für den gesamten Bereichsexport zu erreichen. Das bedeutet, dass alle Überschriften zurückgestuft werden. Dieses beeinflusst das Anwenden von individualisierten PDF-Formatvorlagen. Es ist möglich, die Stufen der Degradierung zu berechnen, um so die korrekte CSS-Formatierung anzuwenden. Eine Überschrift wird um den Wert seiner Tiefe im Export-Verzeichnisbaum degradiert. Eine Seite, die auf der ersten Stufe steht, wird um 1 degradiert (alle <h1> Elemente werden zu <h2> Elementen, und so weiter). Eine Seite auf der zweiten Stufe wird um 2 degradiert, und so weiter.
- Der Support von Atlassian für PDF-Individualisierungen ist eingeschränkt. Atlassian unterstützt die Vorgehensweise für die Individualisierung vom PDF-Layout mit HTML und CSS und hilft, wenn der Mechanismus unterbrochen ist oder nicht funktioniert, so wie es in den aufgeführten Beispielen veröffentlich wurde. Aber da HTML- und CSS-Änderungen potentiell unendliche Möglichkeiten bieten, unterstützt Atlassian keine Anfragen, die von PDF-Individualisierungen verursacht wurden oder sich darauf beziehen.
Unsere Videos zum Thema Anpassung eines PDF-Exports - Teil 1
Anpassung eines PDF-Exports - Teil 2
Link zu dieser Seite: http://seibert.biz/pdfconfluence