This is a desktop-only theme component that will allow you to create previews for pdf attachments.

Repository link
https://github.com/discourse-com/discourse-pdf-previews

Preview:
https://theme-creator.discourse.org/theme/Johani/pdf-previews

Samples

before

pdf-previews-before: 690x276, 75%

after

pdf-previews-after: 516x500

Notes

Like I mentioned above, this component will only work on desktop. There’s very little benefit to showing the previews on mobile since everything will be so small and very hard to read.

This component uses the native browser implementation to render the pdfs, so the results will look different on different browsers.

Also note that this respects the user’s browser preferences for rendering pdfs inline. So, if the user does not want to allow pdfs to render inline, they will see something like this on Safari for example

image: 690x471, 75%

but that can be easily fixed if they trust your site.

Also, please note that pdf uploads are not allowed by default in Discourse. If you want to allow your users to upload pdf file, then you’ll need add that extension to either the

authorized_extensions

If you want all of your users to be able to upload pdfs, or

authorized_extensions_for_staff

if you want to limit that to staff members.

How do I use it?

  1. install the component
  2. allow pdf uploads
  3. refresh the page
  4. upload a pdf

That’s it. The rest should work automatigcally.

How do I install this theme component?

Follow the theme installation guide and add the theme component to your active themes.

If you’re new to Discourse themes, you can learn more about them here.