Desktop: Resolves #8932: Fix pasting images into the beta editor (#8934)

packages/app-desktop/gui/NoteEditor/NoteBody/CodeMirror/v6/CodeMirror.tsx

@@ -389,6 +389,7 @@ const CodeMirror = (props: NoteBodyEditorProps, ref: ForwardedRef<NoteBodyEditor
 					pluginStates={props.plugins}
 					onEvent={onEditorEvent}
 					onLogMessage={logDebug}
+					onEditorPaste={onEditorPaste}
 				/>
 			</div>
 		);

packages/app-desktop/gui/NoteEditor/NoteBody/CodeMirror/v6/Editor.tsx

@@ -13,6 +13,8 @@ import setupVim from '../utils/setupVim';
 interface Props extends EditorProps {
 	style: React.CSSProperties;
 	pluginStates: PluginStates;
+
+	onEditorPaste: ()=> void;
 }
 
 const Editor = (props: Props, ref: ForwardedRef<CodeMirrorControl>) => {
@@ -29,6 +31,23 @@ const Editor = (props: Props, ref: ForwardedRef<CodeMirrorControl>) => {
 		onLogMessageRef.current = props.onLogMessage;
 	}, [props.onEvent, props.onLogMessage]);
 
+	useEffect(() => {
+		if (!editor) {
+			return () => {};
+		}
+
+		const pasteEventHandler = (_editor: any, event: Event) => {
+			event.preventDefault();
+			props.onEditorPaste();
+		};
+
+		editor.on('paste', pasteEventHandler);
+
+		return () => {
+			editor.off('paste', pasteEventHandler);
+		};
+	}, [editor, props.onEditorPaste]);
+
 	useImperativeHandle(ref, () => {
 		return editor;
 	}, [editor]);

packages/editor/CodeMirror/CodeMirror5Emulation/CodeMirror5Emulation.ts

@@ -72,6 +72,7 @@ export default class CodeMirror5Emulation extends BaseCodeMirror5Emulation {
 			EditorView.domEventHandlers({
 				scroll: () => CodeMirror5Emulation.signal(this, 'scroll'),
 				focus: () => CodeMirror5Emulation.signal(this, 'focus'),
+				paste: event => CodeMirror5Emulation.signal(this, 'paste', event),
 				blur: () => CodeMirror5Emulation.signal(this, 'blur'),
 				mousedown: event => CodeMirror5Emulation.signal(this, 'mousedown', event),
 			}),