0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a PDF
0:05
editor that I developed in the browser
0:07
itself which can merge PDF files
0:10
multiple PDF files into a one it can
0:13
also extract the pages from a PDF and
0:15
also it can rearrange it as you can see
0:18
we're running it locally uh it's a
0:20
static app right here which runs
0:22
entirely in the browser it's coded
0:24
inside HTML CSS and JavaScript so here
0:26
you will simply select multiple files
0:31
uh merged this is a first file which
0:33
contains two pages and now I will select
0:36
my second PDF file that I want to
0:39
merge so this contains uh you can
0:43
see how many pages 25 pages so when I
0:48
merge this click on this button merge
0:50
PDF it will merge the two files together
0:53
and we have the download button so once
0:55
I click it will now contain 25 Pages you
1:00
automatically all the files have been
1:03
two files have been merged this is the
1:05
first tool the second tool is this one
1:08
extract Pages if you want to select a
1:14
file so you can see it contains 23 pages
1:18
so I only want to extract pages from 5
1:22
to 7 only these two pages so I will
1:26
simply write uh from fifth page to
1:29
seventh page I need to split this and
1:32
simply you will see it will now have
1:34
these three pages click on download you
1:37
can see from 5 to 7 your three pages
1:39
have been split 1 2 3 this tool will
1:43
save you a lot of time guys you can see
1:45
it runs entirely in the browser it's
1:47
very fast as well you don't need any
1:49
desktop tool it's highly coded inside
1:52
HTML CSS and JavaScript uh the link is
1:55
given in the description guys you can
1:56
directly purchase the full source code
1:59
uh so once you CH it you will get the
2:00
zip file uh from Google Drive
2:03
automatically uh this will be the
2:05
directory structure if you see we have
2:07
the CSS code we have the HTML code these
2:11
tools and then we have the JavaScript
2:15
well you can see that so it's a full
2:18
directory structure it's very easy to
2:20
deploy as well and for building this
2:22
application we are using some third
2:24
party open source packages first of all
2:27
we are using this Library PDF link
2:30
which is an open source JavaScript
2:32
library for modifying or creating PDF
2:35
files directly in the browser and then
2:45
JS which is a PDF renderer Library which
2:50
is used to render PDF files directly in
2:52
the browser using canvas so we are using
2:55
these two libraries to build the static
2:58
application and then also you can
3:00
rearrange Pages as well so if you
3:04
select you can rearrange change the
3:07
order simply by dragging and dropping
3:12
that this is the manual editor you can
3:15
simply rearrange by using your mouse
3:19
order so you can see that after changing
3:23
the order just say rearrange PDF so it
3:25
will rearrange the order of the pages so
3:30
so this is actually the static PDF
3:32
editor tool guys which I developed right
3:35
in the browser itself so it contains
3:37
these three tools if you are interested
3:39
the link is given in the description you
3:41
can purchase the Full Source SC from
3:43
procore.com and you will get this
3:48
cssn so once you get the source code
3:51
it's very easy for you to modify this
3:53
add additional features as well and it
3:55
will be a great project for you as a
3:56
developer or student if you are applying
3:59
for a job this will be a good practical
4:01
project where you can show how to use
4:04
these libraries with a practical project
4:07
thank you very much for watching this
4:08
video also check out my website free
4:10
mediat tools.com which contains
4:13
thousands of tools regarding audio video
4:15
and image and I will be seeing you in