From eb9019c29009db1afab0dedc227fc76aca9a1a39 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sun, 5 Mar 2023 09:56:40 +0200
Subject: [PATCH] new plugin
---
.../components/ContainerEditor.js | 3 +-
.../plugins/FakeCursorPlugin.js | 64 +++++++++++++++++++
2 files changed, 66 insertions(+), 1 deletion(-)
create mode 100644 wax-prosemirror-services/src/MultipleDropDownService/plugins/FakeCursorPlugin.js
diff --git a/wax-prosemirror-services/src/MultipleDropDownService/components/ContainerEditor.js b/wax-prosemirror-services/src/MultipleDropDownService/components/ContainerEditor.js
index 280699f35..892b43a00 100644
--- a/wax-prosemirror-services/src/MultipleDropDownService/components/ContainerEditor.js
+++ b/wax-prosemirror-services/src/MultipleDropDownService/components/ContainerEditor.js
@@ -12,6 +12,7 @@ import { keymap } from 'prosemirror-keymap';
import { baseKeymap, chainCommands } from 'prosemirror-commands';
import { undo, redo } from 'prosemirror-history';
import { WaxContext, ComponentPlugin } from 'wax-prosemirror-core';
+import FakeCursorPlugin from '../plugins/FakeCursorPlugin';
const EditorWrapper = styled.div`
position: relative;
@@ -53,7 +54,7 @@ const ContainerEditor = ({ node, view, getPos }) => {
return editable;
});
- let finalPlugins = [];
+ let finalPlugins = [FakeCursorPlugin()];
const createKeyBindings = () => {
const keys = getKeys();
diff --git a/wax-prosemirror-services/src/MultipleDropDownService/plugins/FakeCursorPlugin.js b/wax-prosemirror-services/src/MultipleDropDownService/plugins/FakeCursorPlugin.js
new file mode 100644
index 000000000..dd51ee312
--- /dev/null
+++ b/wax-prosemirror-services/src/MultipleDropDownService/plugins/FakeCursorPlugin.js
@@ -0,0 +1,64 @@
+/* eslint-disable */
+
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Commands } from 'wax-prosemirror-core';
+
+const fakeCursorPluginMultiple = new PluginKey('fakeCursorPluginMultiple');
+export default props => {
+ return new Plugin({
+ key: fakeCursorPluginMultiple,
+ state: {
+ init: (_, state) => {},
+ apply(tr, prev, _, newState) {
+ let createDecoration;
+ if (
+ newState.selection.from === newState.selection.to &&
+ Commands.isInTable(newState)
+ ) {
+ const widget = document.createElement('fakecursor');
+ createDecoration = DecorationSet.create(newState.doc, [
+ Decoration.widget(newState.selection.from, widget, {
+ key: 'fakecursor',
+ }),
+ ]);
+ }
+ return {
+ createDecoration,
+ };
+ },
+ },
+ props: {
+ decorations: state => {
+ const fakeCursorPluginMultipleState =
+ state && fakeCursorPluginMultiple.getState(state);
+ if (fakeCursorPluginMultipleState)
+ return fakeCursorPluginMultipleState.createDecoration;
+ },
+ handleDOMEvents: {
+ focus: (view, event) => {
+ event.preventDefault();
+ const fakeCursor = document.getElementsByTagName('fakecursor');
+ if (fakeCursor && fakeCursor[0]) {
+ for (let i = 0; i < fakeCursor.length; i++) {
+ fakeCursor[i].style.visibility = 'hidden';
+ }
+ }
+ },
+ blur: (view, event) => {
+ event.preventDefault();
+ if (view && event.relatedTarget === null) {
+ view.focus();
+ } else {
+ const fakeCursor = document.getElementsByTagName('fakecursor');
+ if (fakeCursor && fakeCursor[0]) {
+ for (let i = 0; i < fakeCursor.length; i++) {
+ fakeCursor[i].style.visibility = 'visible';
+ }
+ }
+ }
+ },
+ },
+ },
+ });
+};
--
GitLab