Online Unicode String Converter/Generator
Online tool for converting plain text string to unicode-encoded string and decoding unicode-encoded string to plain text.
Uppercase hex
Online tool for converting plain text string to unicode-encoded string and decoding unicode-encoded string to plain text.
Uppercase hex
#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
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()
This online utility encodes Unicode data to HTML entities. Anything that you paste or enter in the input area automatically gets converted to HTML and is printed in the output area. It supports all Unicode symbols and it works with emoji characters. You can output HTML entities in binary or hexadecimal formats, and use entity names where possible. You can also choose to convert all Unicode characters to entities or only the special HTML symbols. Created by encoding gurus from team Browserling.
The free plan lets you use Unicode tools for personal use only. Upgrade to the premium plan to use Unicode tools for commercial purposes. Additionally, these features will be unlocked when you upgrade:
The free plan lets you use Unicode tools for personal use only. Upgrade to the premium plan to use Unicode tools for commercial purposes. Additionally, these features will be unlocked when you upgrade:
Yay! The text has been copied to your clipboard. If you like our tools, you can upgrade to a premium subscription to get rid of this dialog as well as enable the following features:
This browser-based utility converts your Unicode text to HTML entities. HTML entities are special characters that are used to display reserved HTML symbols that are otherwise interpreted as HTML code. It’s also used to show invisible characters, such as non-breaking spaces and to express symbols that cannot easily be entered with a keyboard. An HTML entity begins with an ampersand «&» and ends with a semicolon «;». In the middle, it uses either the entity name (in which case it’s known as a character entity reference) or a decimal or hex number (in which case it’s known as a numeric character reference). For example, the string «©» means the copyright symbol «©» and the string «±» means the plus or minus symbol «±». However, not all Unicode characters have a corresponding entity name. For such characters, a unique number (character’s code point) is used in the hexadecimal or decimal format. For example, the capital English letter «A» has the code point 65 and can be written as «A» in the decimal base, or «A» in the hexadecimal base. In this tool’s options, you can select the desired output base and decide whether to use numerical codes or special names for characters. You can also choose if you want to convert all input symbols or only special HTML characters (which are an ampersand &, a double quote, «, a less than symbol <, a greater than symbol >, and a single quote ‘). Sometimes you also may want to preserve the integrity of all lines and you can do so using the option that ignores the newline characters.,>
In this example, we encode Chinese food emoji to HTML entities in the base-16 (hexadecimal). We also encode the newlines and use entity names where possible. Only two characters have entity references – the dash symbol, which is denoted as «–» and the newline symbol, which is denoted as «
».
Type or paste text in the green box and click on the Convert button above it. Alternative representations will appear in all the other boxes. You can also do the same in any grey box, if you want to target only certain types of escaped text. You can then cut & paste the results into your document. selects all the text in a box (useful for deleting), and copies the text to the clipboard, if your browser supports that. See the help page for other options.
Worked example. The text in the field with a green background currently contains a variety of escapes. Normally you would simply click on the Convert button just above the field to show the various escape formats below. Note, however, that this (unusually convoluted) text represents two characters using just a code point number – therefore, for this particular example, you should select Treat bare numbers as Hex code points (or decimal) to convert those numbers as well as the other escapes. You should also ensure that the checkbox next to Convert \n etc is selected, in order to convert the \n and \t escapes.
After selecting those options, click on the Convert button.
You will then see the conversion results in the grey boxes. You can use checkboxes alongside many boxes to tweak the results. For more information on each of the grey boxes, see the help page.
Convert Clear Treat bare numbers as Convert \n etc Extract | |
Characters Copy View names View in UniView View in UniView Convert | |
HTML/XML Copy Escape invisible characters Convert bidi controls to HTML markup Convert | |
Hex NCRs Copy Show ascii Convert | Decimal NCRs Copy Show ascii Convert |
JS/Java/C Copy ES6 C-style \n etc C-style Supp. Chars. Convert | Rust/Ruby Copy \n etc Convert |
CSS Copy Convert | Perl/UTR#18 Copy \n etc Convert |
Percent encoding for URIs Copy Convert | |
U+hex Copy Show ascii Separate Convert | 0x. Copy Show ascii Separate Convert |
UTF-8 code units Copy Convert | UTF-16 code units Copy Convert |
Hex/UTF-32 Copy Keep ascii Pad Convert | Decimal Copy Keep ascii Convert |
World’s simplest browser-based UTF8 to HTML entities converter. Just import your UTF8 values in the editor on the left and you will instantly get HTML escape codes on the right. Free, quick, and very powerful. Import UTF8 – get HTML. Created by geeks from team Browserling.
With this tool, you can quickly encode all symbols in UTF8 strings to HTML escape codes. You can choose between decimal and hexadecimal numerical references, and optionally you can use predefined named HTML entities. You can convert all input UTF8 characters or only the reserved HTML characters, which are &, , «, and ‘. You can also skip over whitespaces during the conversion in order to preserve the input line format. Quick and powerful!
This example encodes a Sherlock Holmes quote into decimal HTML codes. We also enable named HTML references that use character names instead of numbers as encoded values.
In this example, we convert popular UTF8 hobby emojis into HTML escape codes. We output them in base-10 numeral system and use the «Skip Newlines» mode to preserve individual lines.
In this example, we convert only the reserved HTML characters to entities. We use the named HTML symbols (lt and gt) for the reserved characters and don’t process the line breaks to keep a neat code format in the output.
You can pass input to this tool via ?input query argument and it will automatically compute output. Here’s how to type it in your browser’s address bar. Click to try!
https:// onlineutf8tools.com/convert-utf8-to-html-entities ?input=Excellent%21&all-symbols=true&hex=true&named=false
Created with love by
We’re Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make developers’ lives easier, so we created this collection of online UTF8 tools. Unlike many other tools, we made our tools free, without intrusive ads, and with the simplest possible user interface. Our online UTF8 tools are actually powered by our programming tools that we created over the last couple of years. Check them out!
If you love our tools, then we love you, too! Use coupon code UTF8LING to get a discount at Browserling.
All conversions and calculations are done in your browser using JavaScript. We don’t send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server, but it’s not associated with any personally identifiable information. We don’t use cookies and don’t store session information in cookies. We use your browser’s local storage to save tools’ input. It stays on your computer.
By using Online Utf8 Tools you agree to our Terms of Service. TLDR: You don’t need an account to use our tools. All tools are free of charge and you can use them as much as you want. You can’t do illegal or shady things with our tools. We may block your access to tools, if we find out you’re doing something bad. We’re not liable for your actions and we offer no warranty. We may revise our terms at any time.