Analyse string tool

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Analyse string tool</title> <meta name="description" content="Tool to analyse what characters are in a string and list information about them." /> <link rel="stylesheet" href="../shared/style/docs.css" /> <link rel="stylesheet" href="style.css" /> <script src="../shared/code/boilerplate.js"></script> <script src="../uniview/functions.js"></script> <script src="../uniview/u.js"></script> <script src="../uniview/propNames.js"></script> <script src="../uniview/subtitles.js"></script> <script src="../uniview/descriptions.js"></script> <script src="../shared/code/scriptGroups.js"></script> <script src="script.js"></script> </head> <body class="app"> <header> <div id="header-boilerplate"></div> <script>document.getElementById('header-boilerplate').innerHTML = bp_appHeader('../shared/images/world.gif','Analyse string','');</script> </header> <p style="margin-bottom: 0; position:-webkit-sticky; position:sticky; top:0; right:0;"><input id="in" onchange="makeList(this.value)" style="width: 80%; font-size: 200%; line-height: 2; text-align:center;" placeholder="String to analyse goes here."/></p> <div id="options"><span style="font-weight: bold;">Show:</span> <label>Large image<input id="showLargeImg" type="checkbox" checked onclick="makeList(document.getElementById('in').value)"/></label>   <label>Block info<input id="showBlockInfo" type="checkbox" checked onclick="makeList(document.getElementById('in').value)" /></label>   <label>Properties<input id="showProps" type="checkbox" checked onclick="makeList(document.getElementById('in').value)" /></label>   <label>Other<input id="showOther" type="checkbox" checked onclick="makeList(document.getElementById('in').value)" /></label>   <label>Descriptions<input id="showDescriptions" type="checkbox" checked onclick="makeList(document.getElementById('in').value)"/></label> </div> <p> <button onclick="makeList(document.getElementById('in').value)">Analyse the text above</button> <button onclick="showAllNotes()">Show all notes</button> </p> <div id="out"></div> <details> <summary style="margin-left: 7.5%; margin-top: 2em; cursor:pointer;"><strong>Notes</strong></summary> <aside class="sidebar"> <div class="section"> <h2 class="flush">Related links</h2> <p><a target="_blank" href="/uniview/">UniView</a></p> <p><a target="_blank" href="/apps/conversion/">Unicode code converter</a></p> </div> </aside> <p id="status">Updated 2024-06-17 19:14 • tags <a href="http://r12a.github.io/blog/index.php?tag=counterstyles" title="Show all blog posts tagged with 'unicode'">unicode</a>, <a href="http://r12a.github.io/blog/index.php?tag=counterstyles" title="Show all blog posts tagged with 'encoding'">encoding</a>, <a href="http://r12a.github.io/blog/?tag=apps" title="Show all blog posts tagged with 'apps'">apps</a></p> <section> <p>This app lists the characters in text that you paste into the large box at the top, and produces information about each character.</p> <p>You can change the amount of information and the size of the image for each character using the checklist items.</p> <p>You can also pass characters in via the URL, eg. <a href="./?chars=؀)؛ئ٘۶سaA国🤹🏽‍♀️">https://r12a.github.io/app-analysestring/?chars=؀)؛ئ٘۶سaA国🤹🏽‍♀️</a></p> </section> </details> <div class="smallprint"><span id="version">Last changed <a href="https://github.com/r12a/app-analysestring/commits/gh-pages/"><span id="version-info"> 2024-06-17 19:14 </span></a> GMT.  •  Make a <a href="https://github.com/r12a/app-analysestring/issues/new" target="_blank">comment</a>.  •  Licence <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC-By</a> © <a href="mailto:r12a@w3.org">r12a</a>.</span></div> <div style=" display: flex; justify-content: center; cursor: context-menu;"><div id="copyNotice">Copied !</div></div> <script> // check for parameters and take appropriate action parameters = location.search.split('&'); parameters[0] = parameters[0].substring(1); for (var p=0;p<parameters.length;p++) { pairs = parameters[p].split('='); if (pairs[0] == 'chars') { if (pairs[1]) { document.getElementById('in').value = decodeURIComponent(pairs[1]); makeList(decodeURIComponent(pairs[1])) } } // if (pairs[0] == 'charlist') { if (pairs[1]) { document.getElementById("picker").value = decodeURIComponent(pairs[1]);showCharacterList(decodeURIComponent(pairs[1])); } } } </script> </body> </html>

CINXE.COM

Analyse string tool