docs: improve theme generator

closes: #3092, closes: #2645
saadeghi · Jun 24, 2024 · c05d796 · c05d796
1 parent e50918d
commit c05d796
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/docs/src/routes/(docs)/theme-generator/+page.svelte b/src/docs/src/routes/(docs)/theme-generator/+page.svelte
@@ -234,6 +234,12 @@ function generateColors(newColorToCheck = "transparent") {
     console.log(`${newColorToCheck} is not a valid color`)
   }
 }
+//prevent paste span tag outside text
+function handlePastedText(event,color){
+  const text = event.clipboardData.getData('Text')
+  color.value  = text
+  event.preventDefault()
+}
 
 function resetColors() {
   if (browser && localStorage.getItem("theme-generator-colors")) {
@@ -490,6 +496,7 @@ onMount(() => {
                   contenteditable="true"
                   bind:innerHTML="{color.value}"
                   oninput="{() => generateColors(color.value)}"
+                  onpaste="{ event => handlePastedText(event,color)}"
                   onkeyup="{() => generateColors(color.value)}">{color.value}</button>",
 </code>{/each}<code>{`          },
         },