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="http://sp10.Crescent.com//MCM/Documents/Pre-Reads.pdf?#zoom=75&scrollbar=1&toolbar=1&navpanes=1" id="pdf_content">
sharepoint pdf content editor web part
show pdf file in content editor web part

and the output on web page: pdf file in content editor web part

sharepoint display pdf in web part

Using Embed Tag: 
This can be achieved using embed tag as well.
<embed src=”http://sharepoint.company.com/documents/SharePointMCM.pdf” width=”500″ height=”375″>

Salaudeen Rajack

Information Technology Professional with Two decades of SharePoint Experience.

4 thoughts on “Display PDF Files in Content Editor Web Part

  • April 28, 2015 at 10:08 AM

    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

    Reply
  • June 20, 2014 at 11:31 PM

    Hello,
    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!!

    Reply
  • November 1, 2013 at 10:09 AM

    Hi

    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.

    Thanks
    A

    Reply
    • November 2, 2013 at 5:21 PM

      Well, You can disable Save/Copy in PDF files by setting restrictions using Adobe PDF Writer.

      Reply

Leave a Reply