0:00
Uh hello guys. Uh in this video I'll
0:02
show you I've built out a web- based uh
0:04
PDF generator and editor tool from
0:08
scratch in HTML, CSS and JavaScript.
0:11
So this is actually the source code
0:13
here. Uh this is a single file index
0:15
HTML about uh 202 lines of code is
0:19
there. So it's a single page
0:20
application. So it directly runs in the
0:23
browser. There is no back end to it. So
0:25
let me show you the demo. So once you
0:28
run the file here, it directly runs in
0:29
the browser. It's similar to Canva where
0:32
you edit your PDF files directly in the
0:34
browser. So you can directly purchase
0:36
the source code. I have given the link
0:38
in the description. So after purchasing
0:41
it, you will get this file from Google
0:43
Drive. And now coming back to the
0:45
application, you basically select the
0:47
PDF file, whatever PDF file you want to
0:49
edit. After that, it will show you the
0:51
number of pages. And then we have these
0:53
tools out there where you can actually
0:55
highlight your PDF file using this pen
1:00
You can just see here. Go to the next
1:02
page. Do the same thing. You also have
1:04
the capability to change the color here
1:07
to green color. As you can just see, we
1:10
also have capability to add text here.
1:12
So you basically can add text here,
1:14
multiple text. And using the select
1:17
operator, you can actually position it,
1:19
align it perfectly. Then you also have
1:22
capability to add images. Simply select
1:24
the image and just place it. And then we
1:27
also have the operator to actually hide
1:30
anything. So you select this operator
1:32
and simply you can hide anything in the
1:35
PDF here really simply. So this is a
1:38
really web- based PDF editor and
1:41
generator. It directly runs in the
1:42
browser. And after making these changes,
1:45
you can click the export PDF button. So
1:47
once you click that button, everything
1:49
will be exported. the changes that you
1:51
have done, the images, text,
1:54
highlighting that you done. So if you're
1:57
interested guys, the link is given in
1:59
the description. You can even modify
2:00
anything or add additional features. So
2:03
it's a single index html file here. And
2:07
uh apart from that, you also have the
2:10
capability to add blank page
2:13
and just write anything right here. You
2:19
like this. So you can place this image
2:23
If you want to delete a page, you also
2:25
have this button to delete this page. So
2:27
that page will be deleted. If you want
2:29
to create a duplicate page, you click
2:31
the duplicate button.
2:33
So now you will see that again you
2:36
export PDF. So this will save you a lot
2:38
of time because you don't need to use
2:40
any third party software for editing
2:42
your PDF files. You can actually buy
2:46
this source code and actually build your
2:49
own PDF editor in simple HTML, CSS and
2:52
JavaScript. So the link is given.
