0:00
Uh hello guys in this video I'll show
0:02
you a Adobe Acrobat clone browser tool
0:05
that I developed directly in browser
0:07
using HTML and CSS and JavaScript. So we
0:10
are running this Adobe Acrobat clone PDF
0:13
editor directly in the browser. So this
0:15
is the source code. I have also given
0:17
the purchase link in the description of
0:19
the video. So after you purchase it, you
0:20
will get this index html file. So it's
0:23
around about uh the source code is about
0:26
1,200 lines of code. So it's a complete
0:29
application and we have used these two
0:32
PDFJS and PDF lib library. So it's very
0:35
easy to run this simply inside VS code.
0:37
You directly open it in local
0:38
development server. So
0:42
Adobe Acrobat is again a very famous
0:44
software for editing your PDF files. But
0:46
it does cost a lot of money but this is
0:48
completely free. You come here. You
0:52
basically select any PDF file here and
0:56
then the PDF file will be shown to you.
1:00
You can go to navigate to both the
1:02
pages. Then we have a set of tools here
1:04
which allow you to modify the PDF files.
1:08
So here you click the add text button.
1:11
You basically place the text. You can
1:13
change the phone size.
1:17
You can even make just change the color
1:22
And then on the next page, let's suppose
1:24
you want to highlight something. You
1:25
click the highlight button. And here you
1:28
can highlight anything like this. So
1:31
this will save you a lot of time. You
1:32
can even change the color of the
1:34
highlighting as well.
1:37
Can just see here how easy it is. Then
1:39
we also have button for if you want to
1:42
add any sort of images, you can directly
1:45
images upload feature is also there.
1:48
Then we have the blur text feature as
1:50
well. If you want to blur something, you
1:53
can blur the very simply. You can just
1:57
see here if you want to blur this, you
1:59
can select this using your mouse and
2:02
this will be completely blurred. So
2:05
similarly, hide text tool also does the
2:07
same thing. You can change the
2:11
using a black color. So it's completely
2:13
hidden. So after you make the changes,
2:17
we have the download PDF button. You
2:20
simply click this and all your changes
2:21
will be reflected back. So this is a
2:23
great Adobe Acro clone that you can
2:30
All the changes that you have done is
2:31
reflected back here. So it's entirely a
2:35
static based uh editor. Nothing is uh
2:39
server side no backend code is there. So
2:42
a single index html file here. So once
2:45
you purchase it you will get the full
2:47
source code and uh then you can modify
2:49
the source code or add additional
2:51
features as well if you have the
2:54
and uh definitely purchase it if you
2:57
like it and uh I have shown you the full
3:01
demo right here and uh
3:04
so it will be very useful for you. So,
3:09
so we have used these two libraries
3:10
here. First of all, PDF lip which is a
3:13
famous PDF generation or PDF modify
3:17
library. Then we are also using PDFJS
3:20
library which is a Mozilla based PDF
3:25
viewer and uh you can even use to modify
3:30
PDF documents. So definitely check out
