Display PDF Files in Content Editor Web Part
We can display PDF files inside content editor web part. Here is how:add a Content Editor web part to the page and place the object tag as below in HTML Source of the content editor web part.
Using Object Tag to display PDF document in CEWP:
<object width="400" height="500" type="application/pdf" data="https://sp10.Crescent.com//MCM/Documents/Pre-Reads.pdf?#zoom=75&scrollbar=1&toolbar=1&navpanes=1" id="pdf_content">
and the output on web page: pdf file in content editor web part
Using Embed Tag:
This can be achieved using embed tag as well.
<embed src=”https://sharepoint.company.com/documents/SharePointMCM.pdf” width=”500″ height=”375″>
4 thoughts on “Display PDF Files in Content Editor Web Part”
ticed is that, when i pull up the site on an ipad, it wont let me scroll and it only displays the top half of the pdf. Any ideas on how to fix? thanks!!
Read more: https://www.sharepointdiary.com/2012/05/display-pdf-inside-content-editor-web.html#ixzz3YaqUfoLn
Many thanks for the solution! One thing i noticed is that, when i pull up the site on an ipad, it wont let me scroll and it only displays the top half of the pdf. Any ideas on how to fix? thanks!!
Do you know if there’s any additional code to add and remove the default PDF options like save. Even after adding extra security settings to the PDF we can still see the option. I’ve managed to remove print however. I’m using the embed code.
Well, You can disable Save/Copy in PDF files by setting restrictions using Adobe PDF Writer.