Erster Aufbau Forum

frontend/src/dialogues/socialnetwork/UserProfileDialog.vue

@@ -1,7 +1,7 @@
 <template>
     <DialogWidget ref="dialog" :title="$t('socialnetwork.profile.pretitle')" :isTitleTranslated="isTitleTranslated"
-        :show-close="true" :buttons="[{ text: 'Ok', action: 'close' }]" :modal="false" @close="closeDialog"
-        height="75%">
+        :show-close="true" :buttons="[{ text: 'Ok', action: 'close' }]" :modal="false" @close="closeDialog" height="75%"
+        name="UserProfileDialog">
         <div class="dialog-body">
             <div>
                 <ul class="tab-list">
@@ -49,7 +49,8 @@
                                     <img :src="imagePreview" alt="Image Preview"
                                         style="max-width: 100px; max-height: 100px;" />
                                 </div>
-                                <editor v-model="newEntryContent" :init="tinymceInitOptions" :api-key="apiKey"></editor>
+                                <editor v-model="newEntryContent" :init="tinymceInitOptions" :api-key="apiKey"
+                                    tinymce-script-src="/tinymce/tinymce.min.js"></editor>
                             </div>
                             <button @click="submitGuestbookEntry">{{ $t('socialnetwork.profile.guestbook.submit')
                                 }}</button>
@@ -97,20 +98,14 @@ export default {
         FolderItem,
         editor: TinyMCEEditor,
     },
-    props: {
-        userId: {
-            type: String,
-            required: true
-        }
-    },
     data() {
         return {
             isTitleTranslated: true,
             userProfile: {},
             activeTab: 'general',
-            userId: '',
             folders: [],
             images: [],
+            userId: 0,
             selectedFolder: null,
             newEntryContent: '',
             guestbookEntries: [],
@@ -126,18 +121,22 @@ export default {
             ],
             apiKey: import.meta.env.VITE_TINYMCE_API_KEY,
             tinymceInitOptions: {
+                script_url: '/tinymce/tinymce.min.js',
                 height: 300,
-                menubar: false,
+                menubar: true,
                 plugins: [
-                    'advlist autolink lists link image charmap print preview anchor',
-                    'searchreplace visualblocks code fullscreen',
-                    'insertdatetime media table paste code help wordcount'
+                    'lists', 'link',
+                    'searchreplace', 'visualblocks', 'code',
+                    'insertdatetime', 'table'
                 ],
                 toolbar:
-                    'undo redo cut copy paste | bold italic forecolor fontfamily fontsize | \
+                    'undo redo cut copy paste | bold italic forecolor backcolor fontfamily fontsize| \
                     alignleft aligncenter alignright alignjustify | \
-                    bullist numlist outdent indent | removeformat | help'
-            }
+                    bullist numlist outdent indent | removeformat | link visualblocks code',
+                contextmenu: 'link image table',
+                menubar: 'edit format table',
+                promotion: false,
+            },
         };
     },
     methods: {