Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.
Obojstranná predošlá revízia Predchádzajúca revízia Nasledujúca revízia | Predchádzajúca revízia Posledná revízia Obojstranná nasledujúca revízia | ||
blog:odborny:2019-06-28-unicode_normalization_tool [2019/11/20 04:15] Róbert Toth page structure |
blog:odborny:2019-06-28-unicode_normalization_tool [2022/03/03 12:22] Róbert Toth stará verzia bola obnovená (2020/09/10 12:07) |
||
---|---|---|---|
Riadok 6: | Riadok 6: | ||
===== Source string ===== | ===== Source string ===== | ||
- | <php>?> | + | <html> |
<script type=" | <script type=" | ||
Riadok 68: | Riadok 68: | ||
var resultText = sourceText.normalize(requiredForm); | var resultText = sourceText.normalize(requiredForm); | ||
resultEl.value = resultText; | resultEl.value = resultText; | ||
+ | | ||
+ | // continue by doing UTF analysis | ||
+ | utfAnalysis(); | ||
} | } | ||
Riadok 89: | Riadok 92: | ||
var analysisChars = ''; | var analysisChars = ''; | ||
var spottedChars = {}; | var spottedChars = {}; | ||
+ | | ||
+ | // count chars and words | ||
+ | analysisText += '< | ||
+ | analysisText += '< | ||
| | ||
let iterator = sourceText[Symbol.iterator](); | let iterator = sourceText[Symbol.iterator](); | ||
Riadok 96: | Riadok 103: | ||
var codeHex = code.toString(16).padStart(4, | var codeHex = code.toString(16).padStart(4, | ||
var name = (unicode[codeHex] || ' | var name = (unicode[codeHex] || ' | ||
- | analysisText += '< | + | analysisText += '< |
| | ||
if (code in spottedChars) { | if (code in spottedChars) { | ||
Riadok 111: | Riadok 118: | ||
| | ||
// create character analysis | // create character analysis | ||
- | analysisChars += '< | + | analysisChars += '< |
for (var code in spottedChars) { | for (var code in spottedChars) { | ||
var codeHex = parseInt(code, | var codeHex = parseInt(code, | ||
Riadok 117: | Riadok 124: | ||
var char = String.fromCodePoint(code); | var char = String.fromCodePoint(code); | ||
var name = (unicode[codeHex] || ' | var name = (unicode[codeHex] || ' | ||
- | analysisChars += '< | + | analysisChars += '< |
} | } | ||
| | ||
Riadok 126: | Riadok 133: | ||
</ | </ | ||
- | < | + | < |
<div id=' | <div id=' | ||
- | <?php</php> | + | </html> |
===== Normalized text ===== | ===== Normalized text ===== | ||
- | <php>?> | + | <html> |
- | <dl> | + | <div style=" |
- | < | + | |
- | < | + | |
- | < | + | < |
- | < | + | < |
- | < | + | < |
- | < | + | |
- | < | + | </ |
- | < | + | <div style=" |
- | </dl> | + | |
+ | | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </dl> | ||
+ | </div> | ||
- | < | + | < |
- | <?php</php> | + | </html> |
===== Text rundown ===== | ===== Text rundown ===== | ||
- | <php>?> | + | <html> |
<style type=" | <style type=" | ||
Riadok 188: | Riadok 201: | ||
top: 30px; | top: 30px; | ||
z-index: 99; | z-index: 99; | ||
- | padding: 5px; | + | padding: |
min-width: | min-width: | ||
+ | width: max-content; | ||
+ | max-width: 250px; | ||
background-color: | background-color: | ||
color: rgb(206, 199, 140); | color: rgb(206, 199, 140); | ||
Riadok 195: | Riadok 210: | ||
text-align: left; | text-align: left; | ||
text-transform: | text-transform: | ||
+ | } | ||
+ | | ||
+ | div.limitHeight { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | div.limitHeight: | ||
+ | max-height: fit-content !important; | ||
+ | } | ||
+ | # | ||
+ | max-height: 3.5em; | ||
} | } | ||
</ | </ | ||
Riadok 200: | Riadok 225: | ||
<div id=' | <div id=' | ||
- | <?php</php> | + | </html> |
===== Analysis of Characters ===== | ===== Analysis of Characters ===== | ||
- | <php>?> | + | <html> |
<table id=' | <table id=' | ||
- | <?php</php> | + | </html> |
Riadok 217: | Riadok 242: | ||
~~socialite~~ | ~~socialite~~ | ||
- | {{tag> | + | {{tag> |
Riadok 224: | Riadok 249: | ||
~~DISQUS~~ | ~~DISQUS~~ | ||
- | <php>?> | + | <html> |
<script type=" | <script type=" | ||
Riadok 33075: | Riadok 33100: | ||
</ | </ | ||
- | <?php</php> | + | </html> |