0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a angular
0:04
PDF editor and annotation uh editor that
0:07
I developed in the browser it is running
0:10
it on Local Host if you see uh there is
0:13
a simple application which runs in the
0:15
browser no server site code is involved
0:18
so there is an option right here here
0:20
you will select whichever PDF file that
0:22
you need to edit as soon as you select
0:25
the PDF you will see the PDF will be
0:26
rendered you will be able to read the
0:28
PDF this is a first page this is the
0:30
second page and we have the controls
0:33
right right here on the left hand side
0:35
if you see we can add a text we can add
0:38
images as well we can add checkboxes as
0:41
well so if I select add text so you will
0:44
see you can use your mouse and
0:47
actually add whatever text that you want
0:52
that then we also have the second option
0:54
to add images simply click add image and
0:58
uh just add what whatever image that you
1:04
add so you can see the image will get
1:10
added just put this image right here and
1:13
then we can even add checkboxes as well
1:19
see and then we have a option here to
1:22
export the PDF click download so your
1:26
PDF will be exported with all the
1:28
modified changes that you have done if
1:29
you see this is actually a angular
1:32
project guys that I developed if you see
1:34
this is a full angular
1:36
project and uh it's coded inside
1:39
typescript each component is having this
1:41
you will see you can directly purchase
1:43
the full source code guys so once you
1:45
purchase it you will get the zip
1:49
file and it is very easy to run this
1:55
well uh so for running this project it's
1:58
very easy you come to the
2:11
terminal you CD uh I'm running it on uh
2:14
Local Host 4200 if you see npm Run start
2:18
so this will start the angular
2:20
application NG so if you see will start
2:24
the project to Local Host 4200 and for
2:27
the dependencies we are actually using
2:30
quite a third party dependencies if you
2:35
jspdf sorry this is not the project this
2:38
is a project here so we using the latest
2:41
version of angula which is 16 and we
2:45
using HTML to PDF JS library and we are
2:48
also using PDF Leb Library as well so
2:50
PDF Leb Library if you don't
2:54
know is an opsource JavaScript library
2:58
for adding and modifying Java
3:00
PDF documents and HTML to PDF
3:04
JS this is also a library for creating
3:09
your PDF documents so we're using this
3:12
to actually build this angular PDF
3:14
editor and annotation you select your
3:16
and here you can add it just
3:22
select so this runs in the browser guys
3:25
you can directly purchase it the link is
3:27
given in the description so you will get
3:29
this full source code thank you very
3:31
much for watching this video and also
3:33
check out my website free mediat
3:35
tools.com which contains thousands of
3:37
tools regarding audio video and MH and I
3:40
will be seeing you in the next video