Standardmäßig variiert die Breite einer eingebetteten PDF-Vorschau in einem Artikel je nach Browser des Lesers. Du kannst dies mit Custom CSS überschreiben, um die PDF-Vorschau auf eine konstante Breite zu setzen, typischerweise 100 % des Artikelcontainers, sodass die Vorschau für alle Leser unabhängig vom Browser gleich gerendert wird.
Dieser Workaround gilt nur für Artikel, die im Advanced WYSIWYG-Editor erstellt wurden. PDF-Vorschauen in den Markdown-Editor-Artikeln sind nicht betroffen.
Wann sollte man diese Lösung verwenden
- Inkonsistente PDF-Darstellung über Browser hinweg: Wenn Leser berichten, dass eingebettete PDFs zu schmal erscheinen oder in der Größe variieren, standardisiert diese Korrektur die Vorschaubreite.
- Verbesserung der Lesbarkeit eingebetteter PDFs: Die Erweiterung der Vorschau auf die volle Artikelbreite macht den Dokumentinhalt leichter lesbar, ohne dass der Leser heranzoomen oder die Datei separat öffnen muss.
Diese CSS-Änderung gilt für alle eingebetteten PDF-Vorschauen in allen Advanced WYSIWYG-Editor-Artikeln auf der Website. Es ist nicht möglich, einzelne PDFs mit dieser Methode gezielt anzusprechen.
Kurze Referenz
Verwenden Sie den Ausschnitt für Ihre Knowledge Base-Website-Version.
article p object {
width: 100% !important;
}
Wie man eine konsistente PDF-Vorschaubreite einstellt
- Im Knowledge Base-Portal gehen Sie zu Einstellungen > Knowledge Base-Seite > Custom CSS & JavaScript.
- Wählen Sie den CSS-Tab und fügen Sie den Ausschnitt für Ihre Knowledge Base-Version aus der obigen Schnellreferenz ein.
- Klicken Sie auf Speichern.
Ergebnis
Nach dem Speichern des CSS erweitern sich eingebettete PDF-Vorschauen auf die volle Breite des Artikelcontainers und werden in allen Browsern konsistent angezeigt.
Umfang und Reichweite
| Gegenstand | Detail |
|---|---|
| Umfang | Global, alle eingebetteten PDF-Vorschauen in allen Advanced WYSIWYG-Editor-Artikeln |
| Editor-Unterstützung | Nur Advanced WYSIWYG Editor, Markdown-Editor-Artikel sind nicht betroffen |
| Angewandte Breite | 100% des Artikelbehälters |
| Individuelle Breite | Ersetzen Sie 100% durch einen bestimmten Wert (z. B. 80% oder 600px), wenn Sie eine feste oder reduzierte Breite bevorzugen |
Best Practices
- Testen Sie nach der Anwendung in verschiedenen Browsern: Überprüfen Sie, ob die PDF-Vorschau in Chrome, Firefox, Safari und Edge korrekt wiedergegeben wird, um sicherzustellen, dass die Korrektur in den gängigsten Browsern Ihrer Leser wie erwartet funktioniert.
- Verwenden Sie eine prozentuale statt einer festen Pixelbreite:
100%Sie passt sich an unterschiedliche Bildschirmgrößen und Artikellayouts an. Ein fester Pixelwert wie800pxdieser kann auf schmaleren Bildschirmen oder mobilen Geräten überlaufen. - Überlegen Sie, die Breite zu reduzieren, wenn das Artikellayout schmal ist: Wenn Ihre Artikelvorlage ein zweispaltiges Layout verwendet oder einen schmalen Inhaltsbereich hat,
100%kann dies dennoch eine kleinere Vorschau als erwartet erzeugen. In diesem Fall prüfen Sie, ob das Erweitern des Inhaltscontainers oder die Anpassung90%das Ergebnis verbessert.