image customAttrs

editors/demo/src/HHMI/HHMI.js

@@ -170,7 +170,7 @@ const Hhmi = () => {
         value={content}
         readonly={readOnly}
         layout={HhmiLayout}
-        // onChange={source => console.log(source)}
+        onChange={source => console.log(source)}
       />
     </>
   );

wax-prosemirror-services/src/ImageService/fileUpload.js

@@ -6,9 +6,8 @@ const findPlaceholder = (state, id, placeholderPlugin) => {
   return found.length ? found[0].from : null;
 };
 
-export default (view, fileUpload, placeholderPlugin) => file => {
+export default (view, fileUpload, placeholderPlugin) => (file, customAttrs) => {
   const { state } = view;
-
   // A fresh object to act as the ID for this upload
   const id = {};
 
@@ -36,12 +35,10 @@ export default (view, fileUpload, placeholderPlugin) => file => {
           .replaceWith(
             pos,
             pos,
-            // view.state.schema.nodes.image.create({
-            //   src: url,
-            // }),
             view.state.schema.nodes.image.create({
               src: url,
               id: uuidv4(),
+              customAttrs,
             }),
           )
           .setMeta(placeholderPlugin, { remove: { id } }),

wax-prosemirror-services/src/ImageService/schema/imageNode.js

 // import { SchemaHelpers } from 'wax-prosemirror-core';
-
+import { isEmpty } from 'lodash';
 const imageNode = {
   attrs: {
     id: { default: '' },
     src: {},
     alt: { default: '' },
     title: { default: null },
+    customAttrs: { default: {} },
     // track: { default: [] },
     fileid: { default: null },
   },
@@ -29,7 +30,6 @@ const imageNode = {
   ],
   toDOM(hook, next) {
     const attrs = {};
-
     if (hook.node.attrs.track && hook.node.attrs.track.length) {
       // attrs['data-track'] = JSON.stringify(hook.node.attrs.track);
       attrs['data-id'] = hook.node.attrs.id;
@@ -49,6 +49,16 @@ const imageNode = {
         'data-fileid': fileid,
       },
     ];
+
+    if (
+      hook.node.attrs.customAttrs.customAttrs &&
+      !isEmpty(hook.node.attrs.customAttrs.customAttrs)
+    ) {
+      const { customAttrs } = hook.node.attrs.customAttrs;
+
+      Object.assign(hook.value[1], { ...customAttrs });
+    }
+
     next();
   },
 };