From c07966cff122976c125d651045c66d3f0568d691 Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Tue, 4 Oct 2022 18:37:56 +0300 Subject: [PATCH] add image id --- wax-prosemirror-schema/src/nodes/imageNode.js | 1 + wax-prosemirror-services/src/ImageService/AltComponent.js | 1 + wax-prosemirror-services/src/ImageService/fileUpload.js | 3 +++ wax-prosemirror-services/src/ImageService/image.css | 3 ++- 4 files changed, 7 insertions(+), 1 deletion(-) diff --git a/wax-prosemirror-schema/src/nodes/imageNode.js b/wax-prosemirror-schema/src/nodes/imageNode.js index f8ebb11b9..4ef56bad8 100644 --- a/wax-prosemirror-schema/src/nodes/imageNode.js +++ b/wax-prosemirror-schema/src/nodes/imageNode.js @@ -2,6 +2,7 @@ import { SchemaHelpers } from 'wax-prosemirror-utilities'; const image = { attrs: { + id: { default: '' }, src: {}, alt: { default: null }, title: { default: null }, diff --git a/wax-prosemirror-services/src/ImageService/AltComponent.js b/wax-prosemirror-services/src/ImageService/AltComponent.js index 084fca136..2972b2836 100644 --- a/wax-prosemirror-services/src/ImageService/AltComponent.js +++ b/wax-prosemirror-services/src/ImageService/AltComponent.js @@ -18,6 +18,7 @@ export default ({ setPosition, position }) => { useLayoutEffect(() => { const WaxSurface = activeView.dom.getBoundingClientRect(); + console.log(activeView.state.selection); const left = 300; const top = 500; setPosition({ ...position, left, top }); diff --git a/wax-prosemirror-services/src/ImageService/fileUpload.js b/wax-prosemirror-services/src/ImageService/fileUpload.js index d0e5d6113..7dc778155 100644 --- a/wax-prosemirror-services/src/ImageService/fileUpload.js +++ b/wax-prosemirror-services/src/ImageService/fileUpload.js @@ -1,3 +1,5 @@ +import { v4 as uuidv4 } from 'uuid'; + const findPlaceholder = (state, id, placeholderPlugin) => { const decos = placeholderPlugin.getState(state); const found = decos.find(null, null, spec => spec.id === id); @@ -39,6 +41,7 @@ export default (view, fileUpload, placeholderPlugin) => file => { // }), view.state.schema.nodes.image.create({ src: url, + id: uuidv4(), }), ) .setMeta(placeholderPlugin, { remove: { id } }), diff --git a/wax-prosemirror-services/src/ImageService/image.css b/wax-prosemirror-services/src/ImageService/image.css index 420c8b262..311d2d329 100644 --- a/wax-prosemirror-services/src/ImageService/image.css +++ b/wax-prosemirror-services/src/ImageService/image.css @@ -30,4 +30,5 @@ figcaption:focus { figcaption:before { content: 'Caption: '; font-weight: bold; -} \ No newline at end of file +} + -- GitLab