diff --git a/config/app_local.example.php b/config/app_local.example.php
index a292334e0..a6ab5d46d 100644
--- a/config/app_local.example.php
+++ b/config/app_local.example.php
@@ -614,10 +614,12 @@
     //         'bearing' => 'integer',
     //         'pitch' => 'integer',
     //         'zoom' => 'integer',
+    //         'caption' => 'richtext'
     //     ],
     //     'videos' => [
     //         'controls' => 'boolean',
     //         'autoplay' => 'boolean',
+    //         'caption' => 'richtext',
     //     ],
     // ],
 
diff --git a/resources/js/app/components/placeholder-list/placeholder-list.vue b/resources/js/app/components/placeholder-list/placeholder-list.vue
index c9a3cbf38..3393bab51 100644
--- a/resources/js/app/components/placeholder-list/placeholder-list.vue
+++ b/resources/js/app/components/placeholder-list/placeholder-list.vue
@@ -11,19 +11,54 @@
             v-for="item in items"
             :key="itemKey(item)"
         >
-            <app-icon v-if="item.obj?.type === 'audio'" icon="carbon:document-audio" height="24" />
-            <app-icon v-if="item.obj?.type === 'documents'" icon="carbon:document" height="24" />
-            <app-icon v-if="item.obj?.type === 'events'" icon="carbon:event" height="24" />
-            <app-icon v-if="item.obj?.type === 'files'" icon="carbon:document-blank" height="24" />
-            <app-icon v-if="item.obj?.type === 'images'" icon="carbon:image" height="24" />
-            <app-icon v-if="item.obj?.type === 'links'" icon="carbon:link" height="24" />
-            <app-icon v-if="item.obj?.type === 'locations'" icon="carbon:location" height="24" />
-            <app-icon v-if="item.obj?.type === 'news'" icon="carbon:calendar" height="24" />
-            <app-icon v-if="item.obj?.type === 'profiles'" icon="carbon:person" height="24" />
-            <app-icon v-if="item.obj?.type === 'publications'" icon="carbon:wikis" height="24" />
-            <app-icon v-if="item.obj?.type === 'videos'" icon="carbon:video" height="24" />
+            <div class="placeholder-item-name">
+                <app-icon icon="carbon:document-audio"
+                          height="24"
+                          v-if="item.obj?.type === 'audio'"
+                />
+                <app-icon icon="carbon:document"
+                          height="24"
+                          v-if="item.obj?.type === 'documents'"
+                />
+                <app-icon icon="carbon:event"
+                          height="24"
+                          v-if="item.obj?.type === 'events'"
+                />
+                <app-icon icon="carbon:document-blank"
+                          height="24"
+                          v-if="item.obj?.type === 'files'"
+                />
+                <app-icon icon="carbon:image"
+                          height="24"
+                          v-if="item.obj?.type === 'images'"
+                />
+                <app-icon icon="carbon:link"
+                          height="24"
+                          v-if="item.obj?.type === 'links'"
+                />
+                <app-icon icon="carbon:location"
+                          height="24"
+                          v-if="item.obj?.type === 'locations'"
+                />
+                <app-icon icon="carbon:calendar"
+                          height="24"
+                          v-if="item.obj?.type === 'news'"
+                />
+                <app-icon icon="carbon:person"
+                          height="24"
+                          v-if="item.obj?.type === 'profiles'"
+                />
+                <app-icon icon="carbon:wikis"
+                          height="24"
+                          v-if="item.obj?.type === 'publications'"
+                />
+                <app-icon icon="carbon:video"
+                          height="24"
+                          v-if="item.obj?.type === 'videos'"
+                />
 
-            <span>{{ item.obj?.title }}</span>
+                <span>{{ item.obj?.title }}</span>
+            </div>
             <placeholder-params
                 :id="item.id"
                 :field="field"
@@ -163,11 +198,19 @@ div.placeholdersList > div.header {
 }
 div.placeholdersList > div.placeholder-item {
     display: grid;
-    grid-template-columns: 5% 60% 1fr;
+    grid-template-columns: 35% 60% 1fr;
     text-align: left;
     align-items: center;
     gap: 8px;
+    padding: 4px 0;
     margin: 4px 0;
     border-top: dotted 1px #ccc;
 }
+div.placeholdersList > div.placeholder-item > div.placeholder-item-name {
+    display: flex;
+    align-items: start;
+    align-self: flex-start;
+    gap: 8px;
+    margin: 4px 0;
+}
 </style>
diff --git a/resources/js/app/components/placeholder-list/placeholder-params.vue b/resources/js/app/components/placeholder-list/placeholder-params.vue
index 8f543378a..17ecea74c 100644
--- a/resources/js/app/components/placeholder-list/placeholder-params.vue
+++ b/resources/js/app/components/placeholder-list/placeholder-params.vue
@@ -1,20 +1,51 @@
 <template>
     <div class="placeholderParams">
-        <div v-for="column in Object.keys(parameters)">
-            <span>{{ t(column) }}</span>
+        <div v-for="column in Object.keys(parameters)"
+             :key="column"
+        >
+            <span class="paramName">{{ t(column) }}</span>
             <template v-if="parameters[column] === 'integer'">
-                <input type="number" :placeholder="column" v-model="decodedValue[column]" @change="changeParams" />
+                <input type="number"
+                       :placeholder="column"
+                       v-model="decodedValue[column]"
+                       @change="changeParams"
+                >
             </template>
             <template v-if="parameters[column] === 'string'">
-                <input type="text" :placeholder="column" v-model="decodedValue[column]" @change="changeParams" />
+                <input type="text"
+                       :placeholder="column"
+                       v-model="decodedValue[column]"
+                       @change="changeParams"
+                >
             </template>
             <template v-if="parameters[column] === 'boolean'">
-                <input type="checkbox" v-model="decodedValue[column]" @click="changeParams" />
+                <input type="checkbox"
+                       v-model="decodedValue[column]"
+                       @change="changeParams"
+                >
+            </template>
+            <template v-if="parameters[column] === 'richtext'">
+                <field-textarea
+                    :id="`${column}-${Math.random().toString(36)}`"
+                    :name="column"
+                    :field="column"
+                    :value="decodedValue[column]"
+                    @change="(value) => changeRichText(value, column)"
+                />
             </template>
             <template v-if="typeof parameters[column] === 'object' ">
-                <select v-model="decodedValue[column]" @change="changeParams">
-                    <option v-for="option in parameters[column]" :value="option">{{ t(option) }}</option>
-                </select>
+                <div>
+                    <select v-model="decodedValue[column]"
+                            @change="changeParams"
+                    >
+                        <option v-for="option in parameters[column]"
+                                :key="option"
+                                :value="option"
+                        >
+                            {{ t(option) }}
+                        </option>
+                    </select>
+                </div>
             </template>
         </div>
     </div>
@@ -82,6 +113,14 @@ export default {
             });
             this.oldValue = this.newValue;
         },
+        changeParamsBoolean(value, column) {
+            this.decodedValue[column] = value;
+            this.changeParams();
+        },
+        changeRichText(value, column) {
+            this.decodedValue[column] = value;
+            this.changeParams();
+        },
         decoded(item) {
             return atob(item);
         },
@@ -90,11 +129,15 @@ export default {
 </script>
 <style>
 div.placeholderParams {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    text-align: center;
-    align-items: center;
+    display: flex;
+    flex-direction: column;
     gap: 8px;
     margin: 4px 0;
 }
+
+.paramName {
+    display: block;
+    margin-bottom: 4px;
+    text-transform: capitalize;
+}
 </style>