blog:odborny:2019-06-28-unicode_normalization_tool
Rozdiely
Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.
| Obojstranná predošlá revíziaPredchádzajúca revíziaNasledujúca revízia | Predchádzajúca revízia | ||
| blog:odborny:2019-06-28-unicode_normalization_tool [2024/10/07 13:22] – CSS fix Róbert Toth | blog:odborny:2019-06-28-unicode_normalization_tool [2025/01/20 20:02] (aktuálne) – [Source Text] Róbert Toth | ||
|---|---|---|---|
| Riadok 7: | Riadok 7: | ||
| < | < | ||
| - | |||
| <script type=" | <script type=" | ||
| - | (function(){ | + | |
| + | function sleep(ms) { | ||
| + | return new Promise(resolve => setTimeout(resolve, | ||
| + | } | ||
| + | window.onload = function() { | ||
| + | sleep(1000).then(() => { | ||
| + | document.getElementById(' | ||
| + | }); | ||
| + | sleep(2000).then(() => { | ||
| + | document.getElementById(' | ||
| + | }); | ||
| + | sleep(3000).then(() => { | ||
| + | document.getElementById(' | ||
| + | }); | ||
| "use strict"; | "use strict"; | ||
| Riadok 30: | Riadok 43: | ||
| String.prototype.escapeHtml = escapeHtml; | String.prototype.escapeHtml = escapeHtml; | ||
| } | } | ||
| - | })(); | + | }; |
| function utfRecalculate() { | function utfRecalculate() { | ||
| Riadok 97: | Riadok 110: | ||
| | | ||
| // count chars and words | // count chars and words | ||
| - | analysisText += '<p>< | + | analysisText += '< |
| - | analysisText += '< | + | analysisText += '< |
| + | |||
| + | analysisText += '<div id=" | ||
| | | ||
| let iterator = sourceText[Symbol.iterator](); | let iterator = sourceText[Symbol.iterator](); | ||
| Riadok 116: | Riadok 131: | ||
| index++; | index++; | ||
| } | } | ||
| + | | ||
| + | analysisText += '</ | ||
| | | ||
| // display text rundown | // display text rundown | ||
| Riadok 136: | Riadok 153: | ||
| </ | </ | ||
| - | < | ||
| - | |||
| - | <div id=' | ||
| - | |||
| - | </ | ||
| - | |||
| - | |||
| - | ===== Normalized Text ===== | ||
| - | |||
| - | < | ||
| - | |||
| - | <div style=" | ||
| - | <dl> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </dl> | ||
| - | </ | ||
| - | <div style=" | ||
| - | <dl> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </dl> | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | |||
| - | </ | ||
| - | |||
| - | ===== Text Analysis ===== | ||
| - | |||
| - | < | ||
| - | |||
| - | <div style=" | ||
| - | <dl> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </dl> | ||
| - | </ | ||
| <style type=" | <style type=" | ||
| # | # | ||
| - | | + | |
| + | } | ||
| + | # | ||
| + | margin: 1.5em 0.5em; | ||
| + | float: left; | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| position: relative; | position: relative; | ||
| display: inline-block; | display: inline-block; | ||
| Riadok 199: | Riadok 176: | ||
| /*cursor: nw-resize; /* nw-resize or text or crosshair */ | /*cursor: nw-resize; /* nw-resize or text or crosshair */ | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| box-shadow: -2px -2px 2px rgb(127, 43, 1); | box-shadow: -2px -2px 2px rgb(127, 43, 1); | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| box-shadow: 2px 2px 2px rgb(127, 43, 1); | box-shadow: 2px 2px 2px rgb(127, 43, 1); | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| border-right: | border-right: | ||
| border-top-right-radius: | border-top-right-radius: | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| clear: left; | clear: left; | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| background-color: | background-color: | ||
| padding-bottom: | padding-bottom: | ||
| Riadok 218: | Riadok 195: | ||
| overflow-x: visible; | overflow-x: visible; | ||
| } | } | ||
| - | #utfAnalysisText | + | #utfAnalysisText_content |
| content: attr(data-title); | content: attr(data-title); | ||
| position: absolute; | position: absolute; | ||
| Riadok 245: | Riadok 222: | ||
| } | } | ||
| </ | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | <div id=' | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | ===== Normalized Text ===== | ||
| + | |||
| + | < | ||
| + | |||
| + | <div style=" | ||
| + | <dl> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </dl> | ||
| + | </ | ||
| + | <div style=" | ||
| + | <dl> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </dl> | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | </ | ||
| + | |||
| + | ===== Text Analysis ===== | ||
| + | |||
| + | < | ||
| + | |||
| + | <div style=" | ||
| + | <dl> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </dl> | ||
| + | </ | ||
| </ | </ | ||
| Riadok 250: | Riadok 272: | ||
| ==== Text Rundown ==== | ==== Text Rundown ==== | ||
| - | < | + | < |
| + | <div id=' | ||
| </ | </ | ||
blog/odborny/2019-06-28-unicode_normalization_tool.1728300147.txt.gz · Posledná úprava: 2024/10/07 13:22 od Róbert Toth