Better md example & hide deleted text
This commit is contained in:
parent
3894e7e401
commit
5eac6bb012
1 changed files with 108 additions and 53 deletions
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in a new issue