diff --git a/package.json b/package.json
index 332b697ee6..6663cf7d3e 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "extends @nextcloud/browserslist-config"
   ],
   "dependencies": {
-    "@ckeditor/ckeditor5-vue2": "^3.0.1",
+    "@ckeditor/ckeditor5-vue": "^8.2.0",
     "@iframe-resizer/child": "^5.5.9",
     "@iframe-resizer/parent": "^5.5.9",
     "@mdi/svg": "^7.4.47",
diff --git a/src/components/TextEditor.vue b/src/components/TextEditor.vue
index 45d0106c3b..d8a12d43c3 100644
--- a/src/components/TextEditor.vue
+++ b/src/components/TextEditor.vue
@@ -11,18 +11,18 @@
 
 		<Ckeditor
 			v-if="ready"
-			:value="value"
+			:model-value="value"
 			:config="config"
 			:editor="editor"
 			:disabled="disabled"
 			class="editor"
-			@input="onEditorInput"
+			@update:model-value="onEditorInput"
 			@ready="onEditorReady" />
 	</div>
 </template>
 
 <script>
-import CKEditor from '@ckeditor/ckeditor5-vue2'
+import { Ckeditor } from '@ckeditor/ckeditor5-vue'
 import { getLanguage } from '@nextcloud/l10n'
 import { emojiAddRecent, emojiSearch } from '@nextcloud/vue'
 import {
@@ -67,7 +67,7 @@ import 'ckeditor5/ckeditor5.css'
 export default {
 	name: 'TextEditor',
 	components: {
-		Ckeditor: CKEditor.component,
+		Ckeditor,
 	},
 
 	inject: {