Some fixes and additions

frontend/src/dialogues/socialnetwork/UserProfileDialog.vue

@@ -55,8 +55,7 @@
                                     <img :src="imagePreview" alt="Image Preview"
                                         style="max-width: 100px; max-height: 100px;" />
                                 </div>
-                                <editor v-model="newEntryContent" :init="tinymceInitOptions" :api-key="apiKey"
-                                    tinymce-script-src="/tinymce/tinymce.min.js"></editor>
+                                <EditorContent :editor="editor" class="editor" />
                             </div>
                             <button @click="submitGuestbookEntry">{{ $t('socialnetwork.profile.guestbook.submit')
                                 }}</button>
@@ -95,14 +94,15 @@
 import DialogWidget from '@/components/DialogWidget.vue';
 import apiClient from '@/utils/axios.js';
 import FolderItem from '../../components/FolderItem.vue';
-import TinyMCEEditor from '@tinymce/tinymce-vue';
+import { Editor, EditorContent } from '@tiptap/vue-3'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
     name: 'UserProfileDialog',
     components: {
         DialogWidget,
         FolderItem,
-        editor: TinyMCEEditor,
+        EditorContent,
     },
     data() {
         return {
@@ -126,27 +126,20 @@ export default {
                 { name: 'guestbook', label: this.$t('socialnetwork.profile.tab.guestbook') }
             ],
             apiKey: import.meta.env.VITE_TINYMCE_API_KEY,
-            tinymceInitOptions: {
-                script_url: '/tinymce/tinymce.min.js',
-                height: 300,
-                menubar: true,
-                plugins: [
-                    'lists', 'link',
-                    'searchreplace', 'visualblocks', 'code',
-                    'insertdatetime', 'table'
-                ],
-                toolbar:
-                    'undo redo cut copy paste | bold italic forecolor backcolor fontfamily fontsize| \
-                    alignleft aligncenter alignright alignjustify | \
-                    bullist numlist outdent indent | removeformat | link visualblocks code',
-                contextmenu: 'link image table',
-                menubar: 'edit format table',
-                promotion: false,
-            },
+            editor: null,
             hasSendFriendshipRequest: false,
             friendshipState: 'none',
         };
     },
+    mounted: async function () {
+        this.editor = new Editor({
+            extensions: [StarterKit],
+            content: '',
+        });
+    },
+    beforeUnmount: function () {
+        if (this.editor) this.editor.destroy();
+    },
     methods: {
         open() {
             this.$refs.dialog.open();