Clean up empty HTML and help text in form inputs

Author: chiragchhatrala

api/app/Http/Requests/UserFormRequest.php

@@ -14,6 +14,21 @@
  */
 abstract class UserFormRequest extends \Illuminate\Foundation\Http\FormRequest
 {
+    protected function prepareForValidation()
+    {
+        $data = $this->all();
+
+        if (isset($data['properties']) && is_array($data['properties'])) {
+            foreach ($data['properties'] as &$property) {
+                if (isset($property['help']) && strip_tags($property['help']) === '') { // Remove help if it's empty
+                    $property['help'] = null;
+                }
+            }
+        }
+
+        $this->merge($data);
+    }
+
     /**
      * Get the validation rules that apply to the request.
      *

client/components/forms/RichTextAreaInput.client.vue

@@ -95,6 +95,14 @@ const emit = defineEmits(['update:modelValue'])
 const { compVal, inputStyle, hasError, inputWrapperProps } = useFormInput(props, { emit })
 const editor = ref(null)
 const mentionState = ref(null)
+
+// Add this watch to clean up empty HTML content
+watch(compVal, (val) => {
+  if (val && val.replace(/<[^>]*>/g, '').trim() === '') {
+    compVal.value = null
+  }
+}, { immediate: true })
+
 // Move the mention extension registration to onMounted
 
 if (props.enableMentions && !Quill.imports['blots/mention']) {