File size: 3,775 Bytes
6e5419c 22a0d02 06146ca 6f988b5 06146ca 6f988b5 06146ca 6f988b5 06146ca 22a0d02 06146ca 22a0d02 06146ca 6e5419c 5024616 6e5419c 06146ca 5596a50 06146ca 4c4ac88 06146ca 4c4ac88 06146ca 6e5419c 22a0d02 6e5419c 49a119c 6e5419c 22a0d02 6e5419c |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Шифрование ссылки</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
h1 {
background-color: #4CAF50;
color: white;
padding: 20px;
margin: 0;
border-bottom: 2px solid #388E3C;
}
.input-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.input-row label {
color: black;
font-size: 16px;
}
.input-row input[type="text"] {
width: 80%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
#encryptButton {
color: white;
background-color: #4CAF50;
border: none;
cursor: pointer;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
margin-top: 20px;
}
#encryptButton:hover {
background-color: #388E3C;
}
#encryptedLink {
margin-top: 20px;
font-size: 16px;
color: #333;
cursor: pointer;
text-decoration: underline;
}
</style>
</head>
<body>
<form id="encryptForm">
<div class="input-row">
<label for="key">Ключ шифрования (crypto_key_auth или crypto_key_url):</label>
<input type="text" id="key" name="key" required>
</div>
<div class="input-row">
<label for="link">api_key_auth или ссылка:</label>
<input type="text" id="link" name="link" required>
</div>
<div id="encryptedLink" onclick="copyToClipboard(this)">Кликните после шифрования, чтобы скопировать результат.</div>
<button type="button" id="encryptButton" onclick="encryptLink()">Зашифровать</button>
</form>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script>
function encryptLink() {
const key = document.getElementById('key').value;
const link = document.getElementById('link').value;
// Шифрование с использованием AES
const encryptedLink = CryptoJS.AES.encrypt(link, key).toString();
// Вывод зашифрованной ссылки
document.getElementById('encryptedLink').innerText = encryptedLink;
}
function copyToClipboard(element) {
var tempInput = document.createElement("input");
tempInput.value = element.innerText;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
Toastify({
text: "Зашифрованная ссылка скопирована",
duration: 3000,
gravity: "top",
position: "center",
backgroundColor: "#4CAF50",
}).showToast();
}
</script>
</body>
</html> |