javascript pdf Plugin Web Development
Are you working for eLearning
projects? then you should know about Mozilla has launched PDF.js a web
PDF viewer plugin. This plugin helps you to display PDF files inside
HTML code. I did customized PDF.js prebuild structure for easy usage.
Take a quick look at this post and it will explain you how to configure,
tracking reports(Google Analytics) and monetize your PDF content with
HTML page.
Download Script Live Demo
The plugin contains four folders called build, css, js and images with HTML files.
build
-- pdf.js
css
images
js
-- viewer.js
index.html
file.pdf
-- pdf.js
css
images
js
-- viewer.js
index.html
file.pdf
viewer.js
Just rename file.pdf with your PDF file.
var DEFAULT_URL = 'file.pdf';
var DEFAULT_SCALE = 'auto';
var DEFAULT_SCALE_DELTA = 1.1;
var UNKNOWN_SCALE = 0;
.......
.......
var DEFAULT_SCALE = 'auto';
var DEFAULT_SCALE_DELTA = 1.1;
var UNKNOWN_SCALE = 0;
.......
.......
index.html
Include your advertisement code.
<body tabindex="1">
<div>
// Display advertisement here.
</div>
<div id="outerContainer" class="loadingInProgress">
<div>
// Display advertisement here.
</div>
<div id="outerContainer" class="loadingInProgress">