-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (105 loc) · 9.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Converter</title>
<link href='./logo-TanHongIT-one-75x75.png' rel='icon' type='image/x-icon'>
<link rel="stylesheet" href="./css/style.css">
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
<meta content="/" property="og:url" />
<meta content="HTML Converter - TanHongIT.Net - Tân Hồng IT Blog" property="og:site_name" />
<meta content="HTML Converter - TanHongIT.Net - Tân Hồng IT Blog" property="og:title" />
<meta content="website" property="og:type" />
<meta content="https://tanhongit.net/wp-content/uploads/2019/04/background-tanhongit.jpg" property="og:image" />
<meta property="og:image:height" content="570">
<meta property="og:image:width" content="1020">
<meta content="100010383132561" property="fb:admins" />
<meta content="100010383132561" property="fb:profile_id" />
<meta content="TanHongIT" name="Author" />
<meta content="https://www.facebook.com/tanhongit" property="article:author" />
<meta content="HTML Converter - TanHongIT.Net - Tân Hồng IT Blog" name="twitter:site" />
<meta content="summary_large_image" name="twitter:card" />
<meta content="@tanhongit" name="twitter:creator" />
<meta name="twitter:description" content="Tân Hồng IT là trang chuyên chia sẻ Kiến Thức Công Nghệ, Thủ Thuật Máy Tính, Khóa Học Hay, Các Phần Mềm, Các Công Cụ Bổ Ích, Giải Trí Tin Học IT">
<meta name="twitter:site" content="http://twitter.com/tanhongit">
<script src="./js/jquery.min.js"></script>
<script src="./js/clipboard.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script async="async" src="./js/analytics.js?id=UA-113310556-1" type="text/javascript"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-113310556-1');
</script>
<style type="text/css">
textarea {
height: 18em!important;
width: 100%
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #fff
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="row"><label><h2><b>Input</b></h2></label> <textarea class="form-control" id="input" onchange="do_escape(this)" onkeyup="do_escape(this)"></textarea></div>
<div class="row"><label><h2><b>Output</b></h2></label> <textarea class="form-control" id="escaped" onclick="this.select()" readonly="readonly"></textarea></div><br>
<div class="row" id="activate"><button class="btn btn-primary copy-text" data-clipboard-target="#escaped">COPY</button> <button class="btn btn-danger reset-text">RESET</button></div>
</div>
</div>
<script type="text/javascript">
function escape_entities(str) {
for (var rv = "", i = 0; i < str.length; i++) {
var ch = str.charAt(i);
rv += char2entity[ch] || ch
}
return rv
}
function do_escape(e) {
document.getElementById("escaped").value = escape_entities(e.value)
}
jQuery(document).ready(function($) {
$("#input").focus(), new ClipboardJS(".copy-text"), $(".reset-text").click(function() {
$("#input,#escaped").val(""), $("#input").focus()
})
});
var char2entity = {
"'": "'",
'"': """,
"<": "<",
">": ">",
"&": "&"
};
</script>
<div class="me">
<a href="https://www.facebook.com/tanhongit" target="blank"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" style="fill:#3b5998"></path>
</svg></a>
<a href="https://twitter.com/tanhongit" target="blank"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" style="fill:#1da1f2"></path>
</svg></a>
<a href="https://github.com/TanHongIT" target="blank"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-4.466 19.59c-.405.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481 1.782-.198 3.654-.875 3.654-3.947 0-.874-.312-1.588-.823-2.147.082-.202.356-1.016-.079-2.117 0 0-.671-.215-2.198.82-.64-.18-1.324-.267-2.004-.271-.68.003-1.364.091-2.003.269-1.528-1.035-2.2-.82-2.2-.82-.434 1.102-.16 1.915-.077 2.118-.512.56-.824 1.273-.824 2.147 0 3.064 1.867 3.751 3.645 3.954-.229.2-.436.552-.508 1.07-.457.204-1.614.557-2.328-.666 0 0-.423-.768-1.227-.825 0 0-.78-.01-.055.487 0 0 .525.246.889 1.17 0 0 .463 1.428 2.688.944v1.489c0 .211-.129.459-.528.385-3.18-1.057-5.472-4.056-5.472-7.59 0-4.419 3.582-8 8-8s8 3.581 8 8c0 3.533-2.289 6.531-5.466 7.59z">
</path>
</svg></a>
<a><img alt="image" width="50px" class="me-img" src="https://i.imgur.com/hanY9RR.jpg" /></a>
<a href="https://www.linkedin.com/in/tanhongit/" target="blank"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" style="fill:#0077b5"></path>
</svg></a>
<a href="https://www.instagram.com/tanhongit/" target="blank">
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.233 5.488c-.843-.038-1.097-.046-3.233-.046s-2.389.008-3.232.046c-2.17.099-3.181 1.127-3.279 3.279-.039.844-.048 1.097-.048 3.233s.009 2.389.047 3.233c.099 2.148 1.106 3.18 3.279 3.279.843.038 1.097.047 3.233.047 2.137 0 2.39-.008 3.233-.046 2.17-.099 3.18-1.129 3.279-3.279.038-.844.046-1.097.046-3.233s-.008-2.389-.046-3.232c-.099-2.153-1.111-3.182-3.279-3.281zm-3.233 10.62c-2.269 0-4.108-1.839-4.108-4.108 0-2.269 1.84-4.108 4.108-4.108s4.108 1.839 4.108 4.108c0 2.269-1.839 4.108-4.108 4.108zm4.271-7.418c-.53 0-.96-.43-.96-.96s.43-.96.96-.96.96.43.96.96-.43.96-.96.96zm-1.604 3.31c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667zm4.333-12h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.952 15.298c-.132 2.909-1.751 4.521-4.653 4.654-.854.039-1.126.048-3.299.048s-2.444-.009-3.298-.048c-2.908-.133-4.52-1.748-4.654-4.654-.039-.853-.048-1.125-.048-3.298 0-2.172.009-2.445.048-3.298.134-2.908 1.748-4.521 4.654-4.653.854-.04 1.125-.049 3.298-.049s2.445.009 3.299.048c2.908.133 4.523 1.751 4.653 4.653.039.854.048 1.127.048 3.299 0 2.173-.009 2.445-.048 3.298z" style="fill:#c13584"></path>
</svg></a>
<a href="https://www.youtube.com/channel/UCsBpVokCMgL8sxWN_dJfBGw" target="blank"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M9.279 13.52h-.939v5.027h-.908v-5.027h-.94v-.854h2.788v.854zm5.395 1.721v2.406c0 .537-.2.954-.736.954-.296 0-.541-.108-.767-.388v.333h-.813v-5.88h.813v1.893c.183-.222.429-.405.718-.405.59 0 .785.499.785 1.087zm-.83.049c0-.146-.027-.257-.086-.333-.098-.129-.279-.143-.42-.071l-.167.132v2.703l.19.153c.132.066.324.071.413-.045.046-.061.069-.161.069-.299v-2.24zm-2.347-5.859c.229 0 .354-.183.354-.431v-2.119c0-.255-.111-.434-.371-.434-.237 0-.353.185-.353.434v2.119c.001.24.137.431.37.431zm-.733 8.07c-.099.123-.317.325-.475.325-.172 0-.215-.118-.215-.292v-3.325h-.805v3.626c0 .88.597.885 1.031.636.16-.092.315-.227.464-.403v.479h.807v-4.338h-.807v3.292zm13.236-12.501v14c0 2.761-2.238 5-5 5h-14c-2.761 0-5-2.239-5-5v-14c0-2.761 2.239-5 5-5h14c2.762 0 5 2.239 5 5zm-10.566 4.427c0 .45.137.813.592.813.256 0 .611-.133.979-.569v.503h.847v-4.554h-.847v3.457c-.104.129-.333.341-.498.341-.182 0-.226-.124-.226-.307v-3.491h-.847v3.807zm-3.177-2.621v2.233c0 .803.419 1.22 1.24 1.22.682 0 1.218-.456 1.218-1.22v-2.233c0-.713-.531-1.224-1.218-1.224-.745 0-1.24.493-1.24 1.224zm-3.155-2.806l1.135 3.67v2.504h.953v-2.504l1.11-3.67h-.969l-.611 2.468-.658-2.468h-.96zm11.564 11.667c-.014-2.978-.232-4.116-2.111-4.245-1.734-.118-7.377-.118-9.109 0-1.876.128-2.098 1.262-2.111 4.245.014 2.978.233 4.117 2.111 4.245 1.732.118 7.375.118 9.109 0 1.877-.129 2.097-1.262 2.111-4.245zm-1.011-.292v1.104h-1.542v.818c0 .325.027.607.352.607.34 0 .36-.229.36-.607v-.301h.83v.326c0 .836-.358 1.342-1.208 1.342-.771 0-1.164-.561-1.164-1.342v-1.947c0-.753.497-1.275 1.225-1.275.773-.001 1.147.491 1.147 1.275zm-.83-.008c0-.293-.062-.508-.353-.508-.299 0-.359.21-.359.508v.439h.712v-.439z" style="fill:#ff0000"></path>
</svg></a>
</div>
</body>
</html>