Fix link opening in readonly mode

In readonly mode it seems prosemirror doesn't register a click handler override, which is why link clicks go right through to the browser handler.
This commit registers a clickPreventer plugin that preventDefault's clicks when the editor is readonly

fixes #579

Signed-off-by: Marcel Klehr <mklehr@gmx.net>

2 files changed, 19 insertions, 2 deletions

diff --git a/src/marks/Link.js b/src/marks/Link.js
index 02da20f50..c9dc1d071 100644
--- a/src/marks/Link.js
+++ b/src/marks/Link.js
@@ -22,7 +22,7 @@
 
 import TipTapLink from '@tiptap/extension-link'
 import { domHref, parseHref, openLink } from './../helpers/links.js'
-import { clickHandler } from '../plugins/link.js'
+import { clickHandler, clickPreventer } from '../plugins/link.js'
 
 const Link = TipTapLink.extend({
 
@@ -86,6 +86,7 @@ const Link = TipTapLink.extend({
 				type: this.type,
 				onClick: this.options.onClick,
 			}),
+			clickPreventer()
 		]
 	},
 })
diff --git a/src/plugins/link.js b/src/plugins/link.js
index fbc3df671..fe18ecc41 100644
--- a/src/plugins/link.js
+++ b/src/plugins/link.js
@@ -27,4 +27,20 @@ const clickHandler = ({ editor, type, onClick }) => {
 	})
 }
 
-export { clickHandler }
+const clickPreventer = () => {
+	return new Plugin({
+		props: {
+			key: new PluginKey('textAvoidLinkClick'),
+			handleDOMEvents: {
+				click: (view, event) => {
+					if (!view.editable) {
+						event.preventDefault()
+						return false
+					}
+				}
+			}
+		},
+	})
+}
+
+export { clickHandler, clickPreventer }