HTML Editor: How can I show a PDF...

User 404575 Photo


Registered User
887 posts

Ok, here's what I'd like to do, and I could use some advice please. I want to design a very basic page as part of my site, saying; this is an open letter, please feel free to print and share it. I want to publish a letter in PDF format. I want it to show up as the letter, on this page, and in a way that someone can just click and print it out. I just dont know how to do that.

Melissa Rhiannon
OS Windows 10
User 122279 Photo


Senior Advisor
14,461 posts

You just link to the .pdf document as you would with any other file. The instructions, 'This is an open letter, please feel free to print and share it.' would best be inserted on the page where you have the link. Then, when the link is clicked on, the pdf document will be opened in Adobe reader (or any other installed application for pdf files), with its own 'save' and 'print' options.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 404575 Photo


Registered User
887 posts

I didn't want it as just a link, but as a graphic, that people could either read there, or click on and download the pdf to print.
Melissa Rhiannon
OS Windows 10
User 463058 Photo


Ambassador
1,073 posts

What you can do in that case, is just use the text from the pdf within your html, so people can read and print that normally. Then also provide a link to the pdf for those who prefer that form. Whatever you do, don't use a picture of the pdf. You'll just end up with a large image file with text that will probably be uncomfortable to read.

When I click on pdf links, Acrobat reader opens the pdf within my browser, as if it was just another page of the site. It includes the options for saving and printing right there. I have to actually right-click the link if I want to download it instead.
User 404575 Photo


Registered User
887 posts

I'm thinking that I could export a jpg of the letter, then put that on the page so people could read it there, then if they click on it, they can download and print the pdf of it. Just gotta figure how to do that part with html editor.

Melissa Rhiannon
OS Windows 10
User 355448 Photo


Ambassador
3,144 posts

Melissa,

If you have jpg that is large enough to read, it will be slow to load and will likely not be readable. I suggest you just link to the PDF as most sites do.

If you feel you must use a jpg, create the jpg, upload it to your site, navigate to the jpg, and see if you can actually read it. Also note how long it takes to load. If it takes much longer than a few seconds, you are likely going to have people navigate away to another site.

If it is a single page, the pdf will load much faster than a jpg.
User 404575 Photo


Registered User
887 posts

Ok, thanks Bill!

Melissa Rhiannon
OS Windows 10
User 111435 Photo


Registered User
43 posts

On my sports websites (from http://homepage.ntlworld.com/johnfairweather), I have a large number of accessible PDF and JPG files, which viewers can print off. You are welcome to have a look at my code and adapt it for your purposes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.