diff --git a/packages/core/src/api/parsers/pasteExtension.ts b/packages/core/src/api/parsers/pasteExtension.ts
index d594c50b7e..c9648e0878 100644
--- a/packages/core/src/api/parsers/pasteExtension.ts
+++ b/packages/core/src/api/parsers/pasteExtension.ts
@@ -27,6 +27,11 @@ export const createPasteFromClipboardExtension = <
             handleDOMEvents: {
               paste(_view, event) {
                 event.preventDefault();
+
+                if (!editor.isEditable) {
+                  return;
+                }
+
                 let format: (typeof acceptedMIMETypes)[number] | null = null;
 
                 for (const mimeType of acceptedMIMETypes) {
diff --git a/packages/core/src/editor/Block.css b/packages/core/src/editor/Block.css
index 7c2d968894..0acce7449f 100644
--- a/packages/core/src/editor/Block.css
+++ b/packages/core/src/editor/Block.css
@@ -279,7 +279,6 @@ NESTED BLOCKS
   background-color: rgb(242, 241, 238);
   border-radius: 4px;
   color: rgb(125, 121, 122);
-  cursor: pointer;
   display: flex;
   flex-direction: row;
   gap: 10px;
@@ -287,7 +286,7 @@ NESTED BLOCKS
   width: 100%;
 }
 
-[data-file-block] .bn-add-file-button:hover {
+.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover {
   background-color: rgb(225, 225, 225);
 }
 
diff --git a/packages/core/src/editor/BlockNoteEditor.ts b/packages/core/src/editor/BlockNoteEditor.ts
index 53ec4d9f83..9ee69652ee 100644
--- a/packages/core/src/editor/BlockNoteEditor.ts
+++ b/packages/core/src/editor/BlockNoteEditor.ts
@@ -194,11 +194,7 @@ export class BlockNoteEditor<
     ISchema,
     SSchema
   >;
-  public readonly filePanel?: FilePanelProsemirrorPlugin<
-    BSchema,
-    ISchema,
-    SSchema
-  >;
+  public readonly filePanel?: FilePanelProsemirrorPlugin<ISchema, SSchema>;
   public readonly tableHandles?: TableHandlesProsemirrorPlugin<
     ISchema,
     SSchema
diff --git a/packages/core/src/extensions/FilePanel/FilePanelPlugin.ts b/packages/core/src/extensions/FilePanel/FilePanelPlugin.ts
index 35a4c1d640..7b6bda4005 100644
--- a/packages/core/src/extensions/FilePanel/FilePanelPlugin.ts
+++ b/packages/core/src/extensions/FilePanel/FilePanelPlugin.ts
@@ -5,7 +5,6 @@ import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
 import type {
   BlockFromConfig,
-  BlockSchema,
   FileBlockConfig,
   InlineContentSchema,
   StyleSchema,
@@ -26,9 +25,12 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
   public state?: FilePanelState<I, S>;
   public emitUpdate: () => void;
 
-  public prevWasEditable: boolean | null = null;
-
   constructor(
+    private readonly editor: BlockNoteEditor<
+      Record<string, FileBlockConfig>,
+      I,
+      S
+    >,
     private readonly pluginKey: PluginKey,
     private readonly pmView: EditorView,
     emitUpdate: (state: FilePanelState<I, S>) => void
@@ -79,7 +81,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
       block: BlockFromConfig<FileBlockConfig, I, S>;
     } = this.pluginKey.getState(view.state);
 
-    if (!this.state?.show && pluginState.block) {
+    if (!this.state?.show && pluginState.block && this.editor.isEditable) {
       const blockElement = document.querySelector(
         `[data-node-type="blockContainer"][data-id="${pluginState.block.id}"]`
       )!;
@@ -97,7 +99,8 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 
     if (
       !view.state.selection.eq(prevState.selection) ||
-      !view.state.doc.eq(prevState.doc)
+      !view.state.doc.eq(prevState.doc) ||
+      !this.editor.isEditable
     ) {
       if (this.state?.show) {
         this.state.show = false;
@@ -126,22 +129,21 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 const filePanelPluginKey = new PluginKey("FilePanelPlugin");
 
 export class FilePanelProsemirrorPlugin<
-  B extends BlockSchema,
   I extends InlineContentSchema,
   S extends StyleSchema
 > extends EventEmitter<any> {
   private view: FilePanelView<I, S> | undefined;
   public readonly plugin: Plugin;
 
-  constructor(_editor: BlockNoteEditor<B, I, S>) {
+  constructor(editor: BlockNoteEditor<Record<string, FileBlockConfig>, I, S>) {
     super();
     this.plugin = new Plugin<{
       block: BlockFromConfig<FileBlockConfig, I, S> | undefined;
     }>({
       key: filePanelPluginKey,
       view: (editorView) => {
-        this.view = new FilePanelView(
-          // editor,
+        this.view = new FilePanelView<I, S>(
+          editor,
           filePanelPluginKey,
           editorView,
           (state) => {
diff --git a/packages/core/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts b/packages/core/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts
index 25114a64f7..63f096304a 100644
--- a/packages/core/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts
+++ b/packages/core/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts
@@ -15,7 +15,6 @@ export class FormattingToolbarView implements PluginView {
 
   public preventHide = false;
   public preventShow = false;
-  public prevWasEditable: boolean | null = null;
 
   public shouldShow: (props: {
     view: EditorView;
@@ -93,16 +92,10 @@ export class FormattingToolbarView implements PluginView {
     const isSame =
       oldState && oldState.doc.eq(doc) && oldState.selection.eq(selection);
 
-    if (
-      (this.prevWasEditable === null ||
-        this.prevWasEditable === this.editor.isEditable) &&
-      (composing || isSame)
-    ) {
+    if (composing || isSame) {
       return;
     }
 
-    this.prevWasEditable = this.editor.isEditable;
-
     // support for CellSelections
     const { ranges } = selection;
     const from = Math.min(...ranges.map((range) => range.$from.pos));
@@ -116,11 +109,12 @@ export class FormattingToolbarView implements PluginView {
     });
 
     // Checks if menu should be shown/updated.
-    if (
-      this.editor.isEditable &&
-      !this.preventShow &&
-      (shouldShow || this.preventHide)
-    ) {
+    if (!this.preventShow && (shouldShow || this.preventHide)) {
+      // Unlike other UI elements, we don't prevent the formatting toolbar from
+      // showing when the editor is not editable. This is because some buttons,
+      // e.g. the download file button, should still be accessible. Therefore,
+      // logic for hiding when the editor is non-editable is handled
+      // individually in each button.
       this.state = {
         show: true,
         referencePos: this.getSelectionBoundingBox(),
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/BasicTextStyleButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/BasicTextStyleButton.tsx
index 7bd290efaf..1be42b3ee6 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/BasicTextStyleButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/BasicTextStyleButton.tsx
@@ -101,7 +101,7 @@ export const BasicTextStyleButton = <Style extends BasicTextStyle>(props: {
     return !!selectedBlocks.find((block) => block.content !== undefined);
   }, [basicTextStyleInSchema, selectedBlocks]);
 
-  if (!show) {
+  if (!show || !editor.isEditable) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/ColorStyleButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/ColorStyleButton.tsx
index 35e95eee25..1126acf6a1 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/ColorStyleButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/ColorStyleButton.tsx
@@ -131,7 +131,7 @@ export const ColorStyleButton = () => {
     return false;
   }, [backgroundColorInSchema, selectedBlocks, textColorInSchema]);
 
-  if (!show) {
+  if (!show || !editor.isEditable) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/CreateLinkButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/CreateLinkButton.tsx
index f936136dc8..6a267226ef 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/CreateLinkButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/CreateLinkButton.tsx
@@ -78,7 +78,11 @@ export const CreateLinkButton = () => {
     return true;
   }, [linkInSchema, selectedBlocks]);
 
-  if (!show || !("link" in editor.schema.inlineContentSchema)) {
+  if (
+    !show ||
+    !("link" in editor.schema.inlineContentSchema) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileCaptionButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileCaptionButton.tsx
index b96622e807..65afc7a358 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileCaptionButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileCaptionButton.tsx
@@ -69,7 +69,11 @@ export const FileCaptionButton = () => {
     []
   );
 
-  if (!fileBlock || checkBlockIsFileBlockWithPlaceholder(fileBlock, editor)) {
+  if (
+    !fileBlock ||
+    checkBlockIsFileBlockWithPlaceholder(fileBlock, editor) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileDeleteButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileDeleteButton.tsx
index 4a6e50ff70..01bb3eb618 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileDeleteButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileDeleteButton.tsx
@@ -45,7 +45,11 @@ export const FileDeleteButton = () => {
     editor.removeBlocks([fileBlock!]);
   }, [editor, fileBlock]);
 
-  if (!fileBlock || checkBlockIsFileBlockWithPlaceholder(fileBlock, editor)) {
+  if (
+    !fileBlock ||
+    checkBlockIsFileBlockWithPlaceholder(fileBlock, editor) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/FilePreviewButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/FilePreviewButton.tsx
index 1958227652..80bfa08a84 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/FilePreviewButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/FilePreviewButton.tsx
@@ -50,7 +50,11 @@ export const FilePreviewButton = () => {
     }
   }, [editor, fileBlock]);
 
-  if (!fileBlock || checkBlockIsFileBlockWithPlaceholder(fileBlock, editor)) {
+  if (
+    !fileBlock ||
+    checkBlockIsFileBlockWithPlaceholder(fileBlock, editor) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileRenameButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileRenameButton.tsx
index 12b97e69a8..d7e16d4a19 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileRenameButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileRenameButton.tsx
@@ -69,7 +69,11 @@ export const FileRenameButton = () => {
     []
   );
 
-  if (!fileBlock || checkBlockIsFileBlockWithPlaceholder(fileBlock, editor)) {
+  if (
+    !fileBlock ||
+    checkBlockIsFileBlockWithPlaceholder(fileBlock, editor) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileReplaceButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileReplaceButton.tsx
index beb27a3207..09524bd012 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/FileReplaceButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/FileReplaceButton.tsx
@@ -33,7 +33,11 @@ export const FileReplaceButton = () => {
 
   const block = selectedBlocks.length === 1 ? selectedBlocks[0] : undefined;
 
-  if (block === undefined || !checkBlockIsFileBlock(block, editor)) {
+  if (
+    block === undefined ||
+    !checkBlockIsFileBlock(block, editor) ||
+    !editor.isEditable
+  ) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/NestBlockButtons.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/NestBlockButtons.tsx
index c08e077144..c61e5213f3 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/NestBlockButtons.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/NestBlockButtons.tsx
@@ -44,7 +44,7 @@ export const NestBlockButton = () => {
     );
   }, [editor.schema.blockSchema, selectedBlocks]);
 
-  if (!show) {
+  if (!show || !editor.isEditable) {
     return null;
   }
 
@@ -92,7 +92,7 @@ export const UnnestBlockButton = () => {
     );
   }, [editor.schema.blockSchema, selectedBlocks]);
 
-  if (!show) {
+  if (!show || !editor.isEditable) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultButtons/TextAlignButton.tsx b/packages/react/src/components/FormattingToolbar/DefaultButtons/TextAlignButton.tsx
index 2542f3b5e0..c81571b876 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultButtons/TextAlignButton.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultButtons/TextAlignButton.tsx
@@ -70,7 +70,7 @@ export const TextAlignButton = (props: { textAlignment: TextAlignment }) => {
     return !!selectedBlocks.find((block) => "textAlignment" in block.props);
   }, [selectedBlocks]);
 
-  if (!show) {
+  if (!show || !editor.isEditable) {
     return null;
   }
 
diff --git a/packages/react/src/components/FormattingToolbar/DefaultSelects/BlockTypeSelect.tsx b/packages/react/src/components/FormattingToolbar/DefaultSelects/BlockTypeSelect.tsx
index ac33192b73..7b02f52790 100644
--- a/packages/react/src/components/FormattingToolbar/DefaultSelects/BlockTypeSelect.tsx
+++ b/packages/react/src/components/FormattingToolbar/DefaultSelects/BlockTypeSelect.tsx
@@ -149,7 +149,7 @@ export const BlockTypeSelect = (props: { items?: BlockTypeSelectItem[] }) => {
     setBlock(editor.getTextCursorPosition().block);
   }, editor);
 
-  if (!shouldShow) {
+  if (!shouldShow || !editor.isEditable) {
     return null;
   }