Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Hoe je de pdf-preview in het artikel kunt vergroten

  • Bijgewerkt op Jun 22, 2026
  • Gepubliceerd op Nov 4, 2024
  • 2 Gelezen minuut(en)
Prev Next

Standaard varieert de breedte van een ingesloten PDF-voorvertoning in een artikel afhankelijk van de browser van de lezer. Je kunt dit overschrijven met Custom CSS om de PDF-preview op een consistente breedte te zetten, meestal 100% van de artikelcontainer, zodat de preview op dezelfde manier wordt weergegeven voor alle lezers, ongeacht hun browser.

OPMERKING

Deze omweg geldt alleen voor artikelen die zijn aangemaakt in de Advanced WYSIWYG-editor. PDF-voorbeelden in artikelen van de Markdown-editor worden niet beïnvloed.

Wanneer deze oplossing te gebruiken

  • Inconsistente PDF-weergave tussen browsers: als lezers melden dat ingesloten PDF's te smal lijken of in grootte variëren, standaardiseert deze oplossing de breedte van de preview.
  • Verbetering van leesbaarheid van ingesloten PDF's: het vergroten van de preview tot volledige artikelbreedte maakt de inhoud van het document gemakkelijker leesbaar zonder dat de lezer hoeft in te zoomen of het bestand apart te openen.
OPMERKING

Deze CSS-wijziging geldt voor alle ingebedde PDF-previews in alle Advanced WYSIWYG-editorartikelen op de site. Het is niet mogelijk om individuele PDF's met deze methode te targeten.

Snelle referentie

Gebruik het fragment voor je Knowledge Base-siteversie.

article p object {
    width: 100% !important;
}

Hoe stel je een consistente PDF-voorhandsbreedte in

  1. Ga in het Knowledge Base-portaal naar Instellingen > Knowledge Base-site > Custom CSS & JavaScript.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

  1. Selecteer het CSS-tabblad en plak het fragment van je Knowledge Base-siteversie vanuit de snelle referentie hierboven.
  2. Klik op Opslaan.

Custom CSS editor showing the PDF preview width snippet pasted in the CSS tab with the Save button visible.

Uitkomst

Na het opslaan van de CSS breiden ingebedde PDF-voorbeelden zich uit tot de volledige breedte van de artikelcontainer, waardoor ze consistent worden weergegeven in alle browsers.

Knowledge Base site article showing an embedded PDF preview rendered at full article width.

Reikwijdte en dekking

Item Detail
Reikwijdte Global, alle ingebedde PDF-voorbeelden in alle Advanced WYSIWYG-editorartikelen
Redacteurondersteuning Alleen geavanceerde WYSIWYG-editor, Markdown-editorartikelen worden niet beïnvloed
Toegepaste breedte 100% van de artikelcontainer
Aangepaste breedte Vervang 100% door een specifieke waarde (bijv. 80% of 600px) als je liever een vaste of verkleinde breedte hebt.

Best practices

  • Test in browsers na het aanbrengen: controleer of de PDF-preview correct wordt weergegeven in Chrome, Firefox, Safari en Edge om te bevestigen dat de oplossing werkt zoals verwacht in de meest gangbare browsers van je lezers.
  • Gebruik een percentage in plaats van een vaste pixelbreedte: 100% past zich aan aan verschillende schermgroottes en artikelindelingen. Een vaste pixelwaarde zoals 800px die kan overlopen op smallere schermen of mobiele apparaten.
  • Overweeg om de breedte te verkleinen als de artikellay-out smal is: als je artikeltemplate een indeling met twee kolommen gebruikt of een smal inhoudsgebied heeft, 100% kan het alsnog een kleinere preview opleveren dan verwacht. Controleer in dat geval of het verbreden van de contentcontainer of het aanpassen van 90% het resultaat verbetert.
gerelateerde artikelen