add into array

wax-prosemirror-components/src/components/customtag/CustomTagBlockComponent.js

@@ -97,7 +97,7 @@ const CustomTagBlockComponent = ({ isShowTag, item }) => {
 
   useEffect(() => {
     if (ref.current) ref.current.focus();
-  }, [isShowTag, allTags]);
+  }, [isShowTag]);
 
   const onChangeTagName = () => {
     setInputValue(ref.current.value);
@@ -164,7 +164,7 @@ const CustomTagBlockComponent = ({ isShowTag, item }) => {
         {renderTagList()}
       </>
     ),
-    [isShowTag, inputValue, tagStatus, isDisabled, allTags],
+    [isShowTag, inputValue, tagStatus, isDisabled],
   );
 };
 

wax-prosemirror-components/src/components/customtag/CustomTagInlineOverlayCompoment.js

@@ -176,22 +176,24 @@ const CustomTagInlineOverlayComponent = ({ mark, setPosition, position }) => {
             <ItemWrapper onClick={() => onClickAddToSelection(item.label)}>
               {item.label}
             </ItemWrapper>
-
-            {selectedTagNames.map(value => (
-              <Fragment key={uuidv4()}>
-                {value === item.label ? (
-                  <span
-                    aria-hidden="true"
-                    onClick={() => onClickCancel(item.label)}
-                    role="button"
-                  >
-                    <IconRemove name="removeTag" />
-                  </span>
-                ) : (
-                  ''
-                )}
-              </Fragment>
-            ))}
+            {console.log(mark)}
+            {/* {selectedTagNames.map(value => {
+              return (
+                <Fragment key={uuidv4()}>
+                  {value === item.label ? (
+                    <span
+                      aria-hidden="true"
+                      onClick={() => onClickCancel(item.label)}
+                      role="button"
+                    >
+                      <IconRemove name="removeTag" />
+                    </span>
+                  ) : (
+                    ''
+                  )}
+                </Fragment>
+              );
+            })} */}
           </Flex>
         </ListStyle>
       ))}

wax-prosemirror-schema/src/marks/customTagBlockMark.js

-const customtagBlock = {
-    excludes: 'customBlock',
-  
-    attrs: {
-      class: { default: null },
-      tagName: ''
-    },
-    inclusive: false,
-    parseDOM: [
-      {
-        tag: 'custom-tag-block',
-        getAttrs(hook, next) {
-          Object.assign(hook, {
-            class: hook.dom.getAttribute('class'),
-            tagname: hook.dom.getAttribute('tagName')
-          });
-          next();
-        },
-      },
-    ],
-    toDOM(hook, next) {
-      hook.value = ['custom-tag-block', hook.node.attrs, 0]; // eslint-disable-line no-param-reassign
-      next();
-    },
-  };
-  
-  export default customtagBlock;
-  
\ No newline at end of file

wax-prosemirror-schema/src/marks/customTagInlineMark.js

@@ -10,14 +10,21 @@ const customtagInline = {
       getAttrs(hook, next) {
         Object.assign(hook, {
           class: hook.dom.getAttribute('class'),
-          tagNames: hook.dom.getAttribute('tagNames'),
+          tagNames: JSON.parse(hook.dom.dataset.tagNames),
         });
         next();
       },
     },
   ],
   toDOM(hook, next) {
-    hook.value = ['custom-tag-inline', hook.node.attrs, 0]; // eslint-disable-line no-param-reassign
+    // eslint-disable-next-line no-param-reassign
+    hook.value = [
+      'custom-tag-inline',
+      {
+        class: hook.node.attrs.class,
+        'data-tagNames': JSON.stringify(hook.node.attrs.tagNames),
+      },
+    ];
     next();
   },
 };