fix: menubar without formatting on plain text mode

Not really a backport but rather a reimplementation of #2757.

Signed-off-by: Max <max@nextcloud.com>

Author: max-nextcloud

src/components/EditorWrapper.vue

@@ -48,6 +48,7 @@
 					ref="menubar"
 					:file-path="relativePath"
 					:file-id="fileId"
+					:is-read-only="readOnly"
 					:is-rich-editor="isRichEditor"
 					:is-public="isPublic"
 					:autohide="autohide"
@@ -68,7 +69,7 @@
 				</MenuBar>
 				<div v-if="!menubarLoaded" class="menubar placeholder" />
 				<div ref="contentWrapper" class="content-wrapper">
-					<MenuBubble v-if="renderMenus"
+					<MenuBubble v-if="renderRichEditorMenus"
 						:content-wrapper="contentWrapper"
 						:file-path="relativePath" />
 					<EditorContent v-show="contentLoaded"
@@ -291,12 +292,16 @@ export default {
 		displayed() {
 			return this.currentSession && this.active
 		},
-		renderMenus() {
+		renderRichEditorMenus() {
 			return this.contentLoaded
 				&& this.isRichEditor
 				&& !this.syncError
 				&& !this.readOnly
 		},
+		renderMenus() {
+			return this.contentLoaded
+				&& !this.syncError
+		},
 	},
 	watch: {
 		lastSavedStatus() {

src/components/MenuBar.vue

@@ -29,7 +29,7 @@
 			class="hidden-visually"
 			:multiple="true"
 			@change="onImageUploadFilePicked">
-		<div v-if="isRichEditor" ref="menubar" class="menubar-icons">
+		<div v-if="isRichEditor && !isReadOnly" ref="menubar" class="menubar-icons">
 			<template v-for="(icon) in icons">
 				<EmojiPicker v-if="icon.class === 'icon-emoji'"
 					v-show="icon.priority <= iconCount"
@@ -154,6 +154,10 @@ export default {
 		useEditorMixin,
 	],
 	props: {
+		isReadOnly: {
+			type: Boolean,
+			default: false,
+		},
 		isRichEditor: {
 			type: Boolean,
 			default: true,
@@ -189,7 +193,7 @@ export default {
 			submenuVisibility: {},
 			lastImagePath: null,
 			icons: [...menuBarIcons],
-			editorHasFocus: false
+			editorHasFocus: false,
 		}
 	},
 	computed: {