Online Unicode String Converter/Generator
Dec 27, 2019 Update: Aug 28, 2021
Online tool for converting plain text string to unicode-encoded string and decoding unicode-encoded string to plain text.
Uppercase hex
HTML
CSS
JavaScript
<div id="converter">
<div id="converter-top">
<input type="checkbox" name="uppercase">Uppercase hex
</div>
<div id="textareas">
<textarea id="input" placeholder="Input"></textarea>
<textarea id="output" placeholder="Output"></textarea>
</div>
<div id="converter-buttons">
<span>
<button id="convert">Convert</button>
<select id="conversion-type">
<option value="string">String to Unicode</option>
<option value="unicode">Unicode to String</option>
</select>
</span>
<button id="swap-values">Swap values</button>
</div>
</div>#converter {
margin-top: 30px;
}
#converter-top {
margin-bottom: 5px;
}
#converter-top span {
margin-right: 80px;
}
#textareas {
display: flex;
flex-direction: row;
}
#converter textarea {
width: 50%;
padding: 5px;
min-height: 200px;
font-size: 14px;
color: #404040;
}
.applet-body {
border: none !important;
}
#prefix label {
font-weight: bold;
margin-right: 10px;
color: #404040;
}
#converter-buttons {
display: flex;
justify-content: space-between;
margin-top: 5px;
}
#convert, #conversion-type, #swap-values {
font-size: 15px;
border-radius: 5px;
}document.querySelector('#convert').onclick = function() {
const inputMode = document.querySelector('#conversion-type').value;
const input = document.querySelector('#input').value;
if (!input) return;
const uppercase = document.querySelector('input[name="uppercase"]').checked;
let output = '';
if (inputMode === 'string') {
input.split('').forEach(char => {
let hex = char.charCodeAt(0).toString(16);
hex = ('000' + hex).slice(-4);
output += '\\u' + (uppercase ? hex.toUpperCase() : hex);
});
} else {
input.split('\\u').forEach(code => {
if (code) {
output += String.fromCharCode(parseInt(code, 16));
}
});
}
document.querySelector('#output').value = output;
}
document.querySelector('#swap-values').onclick = function() {
const input = document.querySelector('#input').value;
const output = document.querySelector('#output').value;
document.querySelector('#input').value = output;
document.querySelector('#output').value = input;
}