0:00
In this video, I'll show you and build
0:02
out a single page application directly
0:04
in browser where you actually have the
0:06
ability to export your source code into
0:08
a PNG image. So this application runs
0:11
entirely in the browser. Let me show you
0:13
the live demo. So here you can adjust
0:15
the file name and then whatever source
0:17
code that you want to paste, you simply
0:19
paste it and on the right hand side the
0:21
live preview will show. So here you can
0:23
adjust these settings, the theme of the
0:26
window and you can adjust the language
0:29
as well plus the background color.
0:31
Everything is customizable.
0:33
So it's entirely built in HTML, CSS and
0:36
JavaScript. And we using some third
0:38
party libraries here, HTML to canvas,
0:40
prism. And if you need the source code,
0:43
I've given the link, you can directly
0:45
purchase it. And after purchasing it,
0:47
you will get the source code from Google
0:49
Drive. And it's fully customizable. You
0:53
can add more features on top of this
0:56
So here you can adjust the phone size
0:58
here accordingly. You can even adjust
1:01
padding as well. You can put your line
1:03
numbers and then we have various themes
1:06
here. With a single click, you can
1:07
activate each theme very easily and then
1:11
you click the download image button. So
1:13
once you click this, the source code
1:15
will be exported to an image PNG image
1:17
file. So it's really useful if you own a
1:21
blog or if you want to share your code
1:23
snippets, then this application comes
1:25
into the picture. So if you need the
1:28
source code the link is given in the
1:30
description and you can just see here
1:35
uh all the processing is directly
1:37
happening in the browser with a single
1:39
click you can adjust the theme of the
1:45
you can even adjust the font as well
1:48
with a single click as you can just see
1:52
So the link is given in the description.
