Install and Enable plugin
Steps to install pdf- embed:
1. Go to Extensions -> Extension Manager -> Install PDF-Embed-plugin-v2.x.zip. This will install PDF Embed package on your site.
2. Enable / Publish both plugins - Content - PDF Embed plugin and Button - PDF Embed plugin.
Using Editor plugin to Embed PDF
2. Click on Embed - PDF editor button.
3. It will prompt for specifying PDF file path.
4. After you enter PDF file path - it will prompt for entering the PDF viewer. You can use native / google / pdfjs here.
Syntax for Embedding PDF manually
You can insert the PDF by using one of the following syntaxes as
{name_of_pdf.pdf|width|height|viewer}
Where-
name_of_pdf: is either relative or absolute source for the PDF file that you want to insert.
width: width of pdf to be displayed [specify directly or give % eg: {name_of_pdf.pdf|500|height|viewer} OR {name_of_pdf.pdf|100%|height|viewer} ]
height: height of pdf to be displayed
viewer: You can use any of the following three viewers.
-
native: This simply makes use of the <embed> tag to show PDF.
-
google: Using Iframe based embeddable Google Document Viewer. This makes use of Google viewer service. To use this you must specify an absolute PDF file path e.g. http://my-sample-site.com/sample.pdf
-
pdfjs: Using Mozilla's pdfjs library.
Native:
{pdf=media/pdfs/sample.pdf|500|300|native}
or
{pdf=media/pdfs/sample.pdf|500|300}
PDFjs viewer:
{pdf=http://your-joomla-site.com/media/pdfs/sample.pdf|500|300|pdfjs}
Google viewer:
{pdf=http://your-joomla-site.com/sample.pdf|500|300|google}
or
{pdf=http://third-party-site.com/sample.pdf|500|300|google}
Compatibility Matrix Table for PDF Viewers
| Native <embed> tag method | ||||||||||||
| Browsers | Chrome(v73.0.3683.103) | Firefox(v70.0.0.1) | IE 8 | Opera(44.1) | Safari(v9.0) | Microsoft Edge (v44.18362) | ||||||
| Devices | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive |
| IOS | No | No | NA | NA | NA | NA | NA | NA | Yes | Yes | NA | NA |
| Android | No | No | No | No | NA | NA | No | No | NA | NA | NA | NA |
| Win10/9/8 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | Yes | Yes |
| Win 7 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | Yes | Yes |
| Ubuntu 18 | Yes | Yes | No | No | NA | NA | Yes | Yes | NA | NA | NA | NA |
| Google viewer method | ||||||||||||
| Browsers | Chrome (v73.0.3683.103) | Firefox (v70.0.0.1) | IE 8 | Opera (44.1) | Safari (v9.0) | Microsoft Edge (v44.18362) | ||||||
| Devices | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive |
| IOS | No | No | NA | NA | NA | NA | NA | NA | Yes | Yes | NA | NA |
| Android | No | No | No | No | NA | NA | Yes | Yes | NA | NA | NA | NA |
| Win10/9/8 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | Yes | Yes |
| Win 7 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | Yes | Yes |
| Ubuntu 18 | Yes | Yes | No | No | NA | NA | Yes | Yes | NA | NA | NA | NA |
| pdfjs viewer method | ||||||||||||
| Browsers | Chrome (v73.0.3683.103) | Firefox (v70.0.0.1) | IE 8 | Opera (44.1) | Safari (v9.0) | Microsoft Edge (v44.18362) | ||||||
| Devices | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive | view | responsive |
| IOS | No | No | NA | NA | NA | NA | NA | NA | Yes | Yes | NA | NA |
| Android | No | No | No | No | NA | NA | Yes | Yes | NA | NA | NA | NA |
| Win10/9/8 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | NA | NA |
| Win 7 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | NA | NA | Yes | Yes |
| Ubuntu 18 | No | No | Yes | Yes | NA | NA | Yes | Yes | Yes | Yes | NA | NA |