Use insertAttachmentPreview instead of insertAttachment on pasting or…

cypress/e2e/attachments.spec.js

@@ -252,6 +252,23 @@ describe('Test all attachment insertion methods', () => {
 	})
 
 	it('Upload a local media file (file.txt.gz)', () => {
+		const checkPreviewAttachment = (documentId, fileName, fileId) => {
+			cy.log(
+				'Check the attachment is visible and well formed',
+				documentId,
+				fileName,
+			)
+
+			// keep track that we have created this attachment in the attachment dir
+			if (!attachmentFileNameToId[documentId]) {
+				attachmentFileNameToId[documentId] = {}
+			}
+
+			attachmentFileNameToId[documentId][fileName] = fileId
+
+			return cy.get('.text-editor__main .widget-file__link').should('contain', `.attachments.${documentId}`)
+		}
+
 		cy.visit('/apps/files')
 		cy.openFile('test.md')
 		// in this case we almost could just attach the file to the input
@@ -263,7 +280,7 @@ describe('Test all attachment insertion methods', () => {
 
 			attachFile('file.txt.gz', requestAlias)
 
-			return waitForRequestAndCheckAttachment(requestAlias, undefined, false)
+			return waitForRequestAndCheckAttachment(requestAlias, undefined, false, checkPreviewAttachment)
 		})
 		cy.closeFile()
 	})

src/components/Editor/MediaHandler.vue

@@ -151,13 +151,17 @@ export default {
 
 			return uploadAttachment(this.connection, file)
 				.then((response) => {
-					this.insertAttachment(
-						response.data?.name,
-						response.data?.id,
-						file.type,
-						position,
-						response.data?.dirname,
-					)
+					if (file.type.startsWith('image/')) {
+						this.insertAttachment(
+							response.data?.name,
+							response.data?.id,
+							file.type,
+							position,
+							response.data?.dirname,
+						)
+					} else {
+						this.insertAttachmentPreview(response.data?.id, position)
+					}
 				})
 				.catch((error) => {
 					logger.error('Uploading attachment failed', { error })
@@ -232,10 +236,11 @@ export default {
 				})
 		},
 
-		insertAttachmentPreview(fileId) {
+		insertAttachmentPreview(fileId, position = null) {
 			const url = new URL(generateUrl(`/f/${fileId}`), window.origin)
 			const href = url.href.replaceAll(' ', '%20')
-			this.editor.chain().focus().insertPreview(href).run()
+			const chain = position ? this.editor.chain().focus(position) : this.editor.chain().focus()
+			chain.insertPreview(href).run()
 		},
 
 		insertAttachment(name, fileId, mimeType, position = null, dirname = '') {