@adminforth/rich-editor 1.4.0 → 1.5.0

package/build.log

@@ -10,5 +10,5 @@ custom/package.json
 custom/quillEditor.vue
 custom/tsconfig.json
 
-sent 21,050 bytes  received 115 bytes  42,330.00 bytes/sec
-total size is 20,627  speedup is 0.97
+sent 21,698 bytes  received 115 bytes  43,626.00 bytes/sec
+total size is 21,281  speedup is 0.98

package/custom/quillEditor.vue

@@ -3,6 +3,7 @@
     class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 
       focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
       dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 whitespace-normal af-quill-editor"
+    :class="'bg-lightInputBackground placeholder-lightInputPlaceholderText text-lightInputText border-lightInputBorder dark:!bg-darkInputBackground dark:!placeholder-darkInputPlaceholderText dark:!text-darkInputText dark:!border-darkInputBorder'"
   >
     <div  
       ref="editor"
@@ -289,6 +290,21 @@ onMounted(() => {
 
 });
 
+function isQuillContentEmpty(html: string): boolean {
+  const div = document.createElement('div');
+  div.innerHTML = html;
+
+  div.querySelectorAll('br').forEach(br => br.remove());
+
+  div.querySelectorAll('p').forEach(p => {
+    if (!p.textContent?.trim()) {
+      p.remove();
+    }
+  });
+
+  const text = div.textContent?.trim();
+  return !text;
+}
 
 async function emitTextUpdate() {
   const editorHtml = quill.root.innerHTML;
@@ -311,9 +327,9 @@ async function emitTextUpdate() {
   lastText = html;
 
   await (new Promise((resolve) => setTimeout(resolve, 0)));
-
+  const isEmpty = isQuillContentEmpty(html);
   dbg('⬆️ emit value suggestion-input', html);
-  emit('update:value', html);
+  emit('update:value', isEmpty ? '' : html);
 }
 
 // Auto-Completion functions

package/dist/custom/quillEditor.vue

@@ -3,6 +3,7 @@
     class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 
       focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
       dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 whitespace-normal af-quill-editor"
+    :class="'bg-lightInputBackground placeholder-lightInputPlaceholderText text-lightInputText border-lightInputBorder dark:!bg-darkInputBackground dark:!placeholder-darkInputPlaceholderText dark:!text-darkInputText dark:!border-darkInputBorder'"
   >
     <div  
       ref="editor"
@@ -289,6 +290,21 @@ onMounted(() => {
 
 });
 
+function isQuillContentEmpty(html: string): boolean {
+  const div = document.createElement('div');
+  div.innerHTML = html;
+
+  div.querySelectorAll('br').forEach(br => br.remove());
+
+  div.querySelectorAll('p').forEach(p => {
+    if (!p.textContent?.trim()) {
+      p.remove();
+    }
+  });
+
+  const text = div.textContent?.trim();
+  return !text;
+}
 
 async function emitTextUpdate() {
   const editorHtml = quill.root.innerHTML;
@@ -311,9 +327,9 @@ async function emitTextUpdate() {
   lastText = html;
 
   await (new Promise((resolve) => setTimeout(resolve, 0)));
-
+  const isEmpty = isQuillContentEmpty(html);
   dbg('⬆️ emit value suggestion-input', html);
-  emit('update:value', html);
+  emit('update:value', isEmpty ? '' : html);
 }
 
 // Auto-Completion functions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/rich-editor",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Rich editor plugin for adminforth",
   "type": "module",
   "main": "dist/index.js",