Online AES Encryption Tool
Few day ago I needed a JavaScript AES implementation (the Rijndael advanced encryption algorithm) which I can test instantly in my Web browser (two fields “text” and “password” and “encrypt” button). I searched for “online AES tool” but found nothing that is ready-to-use so I needed to write one. For those who need instant online Browser-based JavaScript AES encryptor / decryptor that runs without any plugins client-side, enjoy! Thanks to Mark Percival for his AES JavaScript library.
How the JavaScript AES Encryptor / Decryptor Works?
This online form encrypts with AES (Rijndael) instantly given text with the AES-128 algorithm and produces a BASE64-encoded output: cipher = BASE64_Encode(AES_Encrypt(text, password)). The algorithm first extracts a 128-bit secret key and AES IV (initial vector) from the password and then after padding the input encrypts it (by 128-bit blocks). Finally the encrypted binary result is encoded in BASE64. A random salt is injected along with the password to strengthen the encryption code. The key-extraction algorithm and the format of the output AES-encrypted message is compatible with OpenSSL.
The decryption algorithm first decodes the BASE64 string, extracts from it the random salt used during the encryption, extracts the AES key and IV from the password and the salt and decrypts back the encrypted text.
The encryption / decryption implementation of the AES (Advanced Encryption Standard, a.k.a. Rijndael) algorithm in JavaScript is written by Mark Percival (see his open-source project gibberish-aes at GitHub).
AES Online Encryption Tool – Source Code
Below is the source code of the online AES encryption tool:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/mdp/gibberish-aes/master/src/gibberish-aes.js"></script>
<title>Free Online AES Tool - Encrypt / Decrypt Text with AES Online</title>
</head>
<body>
<h1>Online AES Encryptor / Decryptor - Free AES Tool</h1>
<h2>(JavaScript client-side AES cipher implementation)</h2>
<table>
<tr>
<td>Text to encrypt:</td>
<td><textarea id="text" />Enter the text to be encrypted here...</textarea></td>
</tr>
<tr>
<td>Password:</td>
<td><input id="password" value="some password" /></td>
</tr>
<tr>
<td>Encrypted text:</td>
<td><textarea id="encryptedText" readonly="readonly"></textarea></td>
</tr>
<tr>
<td>Decrypted text:</td>
<td><textarea id="decryptedText" readonly="readonly"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center">
<button id="buttonStart">AES Encrypt / Decrypt</button>
</td>
</tr>
</table>
<script>
$('#buttonStart').click(function() {
var text = $('#text').val();
var pass = $('#password').val();
GibberishAES.size(128);
var encrypted = GibberishAES.enc(text, pass);
$('#encryptedText').val(encrypted);
var decrypted = GibberishAES.dec(encrypted, pass);
$('#decryptedText').val(decrypted);
});
</script>
</body>
</html>
25 Responses to “Online AES Encryption Tool”
I’ve made an effort for porting GibberishAES (256-bit keys only) to PHP. Please, have a look here: https://github.com/ivantcholakov/gibberish-aes-php
Nice. Thanks for sharing.
Thanks, it is just what i was looking for..
Hello,
thanks for the great work, i try to use this script to encrypt my PHP files, but can not be able to make browser read my encrypted PHP files and view the page while the file still encrypted if viewing by text viewer.
sorry about by poor English, and hope you can help me learn that secrets.
Thanks
ELZahar
Hi Nakov.com team,
In your description “How the JavaScript AES Encryptor / Decryptor Works?”, it says
“ENCRYPTION EXTRACTS 128-BIT KEY AND INITIAL VECTOR FROM THE PASSWORD”
“RANDOM SALT IS INJECTED ALONG WITH THE PASSWORD TO STRENGTHEN ENCRYPTION”.
Being curious what the above means, I tried an example on your site and another site:
plainText: “my first encryption.”
password: “nakov”
cipherText: “U2FsdGVkX18cnIcugS19jSVcnyKtI192DqWx7P/JhZ26jjounYIDZ32xe64s/dPH”
I found differences for your site vs http://www.everpassword.com/aes-encryptor
plainText: “my first encryption.”
password: “nakov”
cipherText: “U2FsdGVkX1+NGmre3/Yms/uIQk00YiS+GP0/AxkCqcXbzYSzVDhYFhyXavx7P9dA”
The first portion of cipherText result STARTS OUT the same but THEN becomes different.
I have 3 followup questions about your code:
1) Do you use AES128/CTR mode or AES128/ICM mode?
2) Is “password” used as “Key128” and/or “InitialVector”?
3) If its a Key, what is the value of IV128?
4) If its an IV, what is the value of Key128?
Any insight (from either you or Mark Percival) is greatly appreciated.
Regards,
Richard
How to decrypt the “encryption” after it is encoded?
In other words, I write a message and send the encrypted text-code to my friend. How then does he decrypt it?
@Richie: you need to modify the above example’s source code. Use a piece of code like this:
// var text = $(‘#text’).val();
var pass = $(‘#password’).val();
GibberishAES.size(128);
// var encrypted = GibberishAES.enc(text, pass);
var encrypted = $(‘#encryptedText’).val();
// $(‘#encryptedText’).val(encrypted);
var decrypted = GibberishAES.dec(encrypted, pass);
$(‘#decryptedText’).val(decrypted);
Thanks a lot. useful.
here there are so many js libraries:
http://cryptojs.altervista.org/secretkey.html
i can not decrypt this line
// decrypt encrypted mgcamd gbox line for (i = 0; i < 6; i++) key[i * 2] = mac[i]; AES_KEY aeskey; AES_set_decrypt_key(key, 128, &aeskey); for (i = 0; i < len; i+=16) AES_decrypt(buf + i,buf + i, &aeskey);
C64764C8533C4D25352D590BB410E22FD57C22B085690E9DE190661E9594BAFFA613716E8EA5A46C7B810E1CF6491D2D451A5F792E01F3FFF1A0BCC8DBFA93DD
crypt key is mac adress 00:09:34:1C:55:48
thanks if you help me
[email protected]
Fantastic beat ! I would like to apprentice while you amend your site,
how could i subscribe for a blog website? The account aided me a acceptable deal.
I had been tiny bit acquainted of this your broadcast provided bright clear idea
Nice Implementation. I wish to know whether i can decrypt the values using php script.
Thanks for sharing your thoughts about 128-bit AES encryption
tool. Regards
Link exchange is nothing else but it is only placing the other person’s website link on your page at appropriate place and
other person will also do same in support of you.
An amendment of my comment #1. The PHP implementation of GibberishAES now supports 128, 192, and 256-bit keys.
aesencryption.net An implementation of AES in php based on mcrypt,
After looking at a handful of the blog posts on your site, I truly like your technique of
blogging. I saved it to my bookmark site list and will be checking back
soon. Please visit my web site too and let me know your opinion.
Awesome blog you have here but I was wondering if you knew of any community forums that
cover the same topics talked about in this article? I’d really like to be a part of community
where I can get comments from other knowledgeable people that share the
same interest. If you have any recommendations, please let me know.
Kudos!
I got this web site from my friend who shared wih
me regarding thiis web page and at the moment thks
time I am visiting this site and reading very informative ontent att thos place.
Hello, i think that i saw you visited mmy website
so i got here to return the favor?.I’m attempting to
to find issues to enhance my site!I guess its good
enough to make use of a feww of your ideas!!
check this one is protected or not
http://www.c-sharpcorner.com/UploadFile/4d9083/encrypt-in-javascript-and-decrypt-in-C-Sharp-with-aes-algorithm/?#ReadAndPostComment
Incredible! This blog looks exactly like my old one! It’s
on a totally different topic but it has pretty
much the same layout and design. Wonderful choice of colors!
Could you specify the Cipher Mode that is being used? (CBC, ECB, CFB, etc).
It uses CBC OpenSSL padding scheme.
Great post. Please check my tool for https://usemytools.net/aes-encryption/. This is AES Encryption Decyption tool with OpenSSL Interoperability.