Up next in 10
Build a Ultimate PDF Editor to Merge,Split and Add Watermark in Browser Using PDF.js & PDF-LIB in JS
60 views
Apr 1, 2025
Buy the full source code of application here: https://procodestore.com/index.php/product/build-a-ultimate-pdf-editor-to-mergesplit-and-add-watermark-in-browser-using-pdf-js-pdf-lib-in-js/ Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions https://youtu.be/Bon8Pm1gbX8 Hi Join the official discord server to resolve doubts here: https://discord.gg/cRnjhk6nzW Visit my Online Free Media Tool Website https://freemediatools.com/ Buy Premium Scripts and Apps Here: https://procodestore.com/
View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a PDF
0:04
editor that I developed in the browser
0:07
which supports all the features right
0:09
here it's a static tool which runs
0:11
entirely in the browser no server s side
0:13
code is involved you can see I'm running
0:16
this project locally it's coded inside
0:19
HTML CSS and JavaScript and here you
0:21
will choose your whichever PDF file that
0:24
you want to edit so let me just select a
0:26
sample PDF file which contains two pages
0:29
it will render out each page right here
0:32
if you see total pages is two this is
0:35
the first page we have the second page
0:38
and for each page we have this button
0:40
delete page so you can even if you want
0:43
to delete this page you can click this
0:45
button so you will see the page will be
0:47
deleted so it's very easy to do deleting
0:50
process as well so just select let me
0:54
select a file which
0:57
contains 23 Pages you will see see so
1:00
now we have a PDF file loaded with 23
1:05
Pages now if you want to split the PDF
1:09
we have the split PDF button right here
1:12
and here you need to specify the range
1:14
right here so entering the starting page
1:17
so
1:19
one and then the end range which is five
1:22
so I only want to split 1 to five you
1:26
will see the PDF file will get
1:28
downloaded one into five so you can
1:31
easily split your PDF file guys very
1:33
easily by using this tool then we have
1:35
the tool to merge so if you have
1:38
multiple files that you want to merge
1:40
you can select
1:41
it so PDFs have been merged successfully
1:47
so now the pages is 25 so what you can
1:50
do you can simply click the save PDF
1:53
button to save the merged PDF right here
1:56
now it contains 25 pages so you can see
2:00
it contain all these tools then we if
2:03
you want to convert a image to a PDF
2:06
file you can even do that as
2:10
well so you can see it the file has been
2:14
converted the JPG file has been
2:17
converted to PDF then if you have a PDF
2:20
that you want to convert to image then
2:22
you simply click this and each page you
2:24
will see it will actually convert each
2:27
page to a PNG file here so every page
2:31
you can see one by one had has been
2:33
converted to a PNG file you just click a
2:36
button and automatically each page will
2:39
be converted to an image so you will see
2:42
that the quality of the page the quality
2:44
of the image is quite good as well so
2:47
then we have the rotate page you need to
2:50
specify the number
2:52
here if you only want to rotate the
2:54
first page you need to specify the angle
2:57
here let me say 90° you can see the the
3:00
page has
3:01
been successfully rotated and again I
3:05
showed you if you want to delete this
3:07
page you can say delete the page will be
3:09
deleted so for each page here you will
3:11
see each page has this delete page
3:14
button you can even delete pages as well
3:16
so then we have the option to rearrange
3:19
Pages as well enter the new page
3:22
order
3:24
three
3:27
56 so
3:30
you can even do that as and then the
3:32
most important feature Watermark if you
3:34
want to add a watermark you specify the
3:38
watermark let me say coding s my YouTube
3:41
channel name click on okay so you will
3:44
see that water Mark will be added on
3:46
each
3:50
page so you can see
3:53
that each page you can it will save you
3:55
a lot of time guys this tool which runs
3:58
entirely in the browser and then we can
4:00
even compress the PDF as well by
4:02
clicking
4:04
this compress PDF you'll see
4:08
that and uh the link is given in the
4:10
description guys if you want to purchase
4:12
this Tool uh we have used quite a open
4:16
source packages for this we are using
4:17
the PDF JS Mozilla PDF JS we are again
4:21
using PDF lib as well so we are using
4:24
this open source packages the CDN of it
4:27
and once you purchase it you will be
4:29
redirected to Google Drive where you
4:30
will get this ZIP file and uh this will
4:34
now contain these three files the HTML
4:36
file the Javascript file here this is
4:39
your Javascript file here which will be
4:41
containing this 500 lines of JavaScript
4:43
code so once you get the source code
4:46
guys it will be very easy for you to
4:47
modify and add additional features as
4:49
well to this project if you are a colleg
4:52
goinging student or a job applying
4:54
aspirant this will be a nice little
4:56
project for you to purchase and see how
4:59
I have used these practical libraries to
5:01
build this entirely practical project if
5:05
you don't know about this Mozilla pdf.js
5:07
Library it's a PDF uh renderer Library
5:10
this is their official
5:13
website and then we also used PDF lip
5:17
which is a JavaScript library for
5:19
modifying PDF documents right in the
5:21
browser
5:23
itself so the link is given guys in the
5:26
description you can purchase it you will
5:29
get this source code it it runs entirely
5:31
in the browser it will be very easy for
5:33
you to deploy this application as well
5:36
so thank you very much guys for watching
5:39
this video and uh also visit my website
5:44
free mediat tools.com which contains
5:46
thousands of tools regarding audio video
5:48
and image and I will be seeing you in
5:51
the next video
#Business & Productivity Software
#Computer Education
#Software Utilities