@websline/system-components 1.3.15 → 1.3.16

package/dist/components/molecules/richTextEditor/RichTextEditor.svelte

@@ -42,7 +42,6 @@
 		...rest
 	} = $props();
 
-	let DOMPurify;
 	let element = $state();
 	/** @type {import("@tiptap/core").Editor} */
 	let editor = $state.raw();
@@ -61,7 +60,7 @@
 		const { TextStyle } = await import("@tiptap/extension-text-style");
 		const Highlight = (await import("@tiptap/extension-highlight")).default;
 		const Placeholder = (await import("@tiptap/extension-placeholder")).default;
-		DOMPurify = (await import("dompurify")).default;
+		const DOMPurify = (await import("dompurify")).default;
 
 		editor = new Editor({
 			element: element,
@@ -89,11 +88,21 @@
 			editorProps: {
 				handlePaste(view, event) {
 					const html = event.clipboardData.getData("text/html");
-					const sanitized = sanitizeContent(html);
-					if (!sanitized) return false;
 
-					editor.commands.insertContent(sanitized);
-					return true;
+					if (html) {
+						const cleaned = DOMPurify.sanitize(html, {
+							ALLOWED_TAGS: ["b", "strong", "i", "em", "u", "s", "strike", "p", "br"],
+							ALLOWED_ATTR: [],
+						});
+
+						const normalized = cleanHTMLWhitespace(cleaned);
+
+						editor.commands.insertContent(normalized);
+
+						return true;
+					}
+
+					return false;
 				},
 			},
 			onUpdate: () => {
@@ -123,11 +132,9 @@
 	});
 
 	$effect(() => {
-		content;
 		if (editor) {
-			const sanitized = untrack(() => sanitizeContent(content));
 			isContentPropUpdate = true;
-			editor.commands.setContent(sanitized ?? "");
+			editor.commands.setContent(content ?? "");
 		}
 	});
 
@@ -153,17 +160,6 @@
 
 		return dom.innerHTML.trim();
 	};
-
-	const sanitizeContent = (html) => {
-		if (typeof html !== "string" || !DOMPurify) return;
-
-		const cleaned = DOMPurify.sanitize(html, {
-			ALLOWED_TAGS: ["b", "strong", "i", "em", "u", "s", "strike", "p", "br"],
-			ALLOWED_ATTR: [],
-		});
-
-		return cleanHTMLWhitespace(cleaned);
-	};
 </script>
 
 <div class={styles.base({ class: classes.base })} {...rest}>
@@ -173,7 +169,7 @@
 		</div>
 	{/if}
 	{#if fieldName}
-		<input type="hidden" name={fieldName} value={htmlInputValue} />
+		<input name={fieldName} bind:value={content} />
 	{/if}
 	<div
 		class={styles.field({ class: classes.field })}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.3.15",
+  "version": "1.3.16",
   "publishConfig": {
     "access": "public"
   },