Better md example & hide deleted text

This commit is contained in:
Andras Schmelczer 2026-10-28 23:20:17 +00:00
commit 5eac6bb012

View file

@ -99,7 +99,11 @@
<main>
<section class="tokenizer-selector">
<div class="radio-group" role="radiogroup" aria-label="Tokenization strategy">
<div
class="radio-group"
role="radiogroup"
aria-label="Tokenization strategy"
>
<label class="radio-option">
<input
type="radio"
@ -137,7 +141,7 @@
<span class="radio-custom" aria-hidden="true"></span>
<div class="radio-content">
<span class="radio-label">Markdown</span>
<span class="radio-description">Preserve formatting</span>
<span class="radio-description">Keep Markdown markers with words</span>
</div>
</label>
</div>
@ -175,31 +179,37 @@
</div>
<div class="text-area-card diamond-result">
<label
id="merged-label"
title="The automatically merged result - edit the boxes above to see changes in real-time."
>
Merged result
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
<div class="result-header">
<label
id="merged-label"
title="The automatically merged result - edit the boxes above to see changes in real-time."
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M10 10l-6 6v4h4l6 -6m1.99 -1.99l2.504 -2.504a2.828 2.828 0 1 0 -4 -4l-2.5 2.5"
></path>
<path d="M13.5 6.5l4 4"></path>
<path d="M3 3l18 18"></path>
</svg>
</label>
Merged result
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M10 10l-6 6v4h4l6 -6m1.99 -1.99l2.504 -2.504a2.828 2.828 0 1 0 -4 -4l-2.5 2.5"
></path>
<path d="M13.5 6.5l4 4"></path>
<path d="M3 3l18 18"></path>
</svg>
</label>
<label class="history-toggle" for="show-deletions">
<input type="checkbox" id="show-deletions" aria-controls="merged" />
Show deleted text
</label>
</div>
<div
id="merged"
role="textbox"