feat: refactoring

src/extensions/Iframe.js

@@ -9,29 +9,17 @@ const Iframe = Node.create({
 
   addAttributes() {
     return {
-            "src": {
+      src: {
         default: null
       },
-            "frameborder": {
-                default: 0,
+      frameborder: {
+        default: 0
       },
-            "allowfullscreen": {
+      allowfullscreen: {
         default: true,
         parseHTML: () => {
           console.log(this)
-                },
-            },
-            "setInnerModalType" : {
-                default: null
-            },
-            "setModalIsOpen" : {
-                default: null
-            },
-            "setModalTitle" : {
-                default: null
-            },
-            "setCurrentRemoveIframe" : {
-                default: null
+        }
       }
     }
   },
@@ -39,64 +27,58 @@ const Iframe = Node.create({
   parseHTML() {
     return [
       {
-                tag: 'iframe',
-            },
+        tag: 'iframe'
+      }
     ]
   },
 
   renderHTML({ HTMLAttributes }) {
-        return ['iframe', mergeAttributes(HTMLAttributes)];
+    return ['iframe', mergeAttributes(HTMLAttributes)]
   },
 
   addNodeView() {
     return ({ editor, node, ...a }) => {
-            const container = document.createElement('div');
+      const container = document.createElement('div')
 
-            const iframe = document.createElement('iframe');
-            iframe.src = node.attrs.src;
-            iframe.allowfullscreen = node.attrs.allowfullscreen;
-            iframe.classList.add('customIframe');
+      const iframe = document.createElement('iframe')
+      iframe.src = node.attrs.src
+      iframe.allowfullscreen = node.attrs.allowfullscreen
+      iframe.classList.add('customIframe')
 
-            const closeBtn = document.createElement('button');
-            closeBtn.textContent = 'X';
-            closeBtn.classList.add('closeBtn');
+      const closeBtn = document.createElement('button')
+      closeBtn.textContent = 'X'
+      closeBtn.classList.add('closeBtn')
       closeBtn.addEventListener('click', function () {
-                try {
-                    node.attrs.setModalTitle('Вы уверены, что хотите удалить?');
-                    node.attrs.setInnerModalType('remove_iframe');
-                    node.attrs.setModalIsOpen(true);
-                    node.attrs.setCurrentRemoveIframe(container);
-                } catch {
-                    container.remove();
-                }
-            });
+        container.remove()
+      })
 
       // if (editor.isEditable) {
       //     container.classList.add('pointer-events-none');
       // }
 
-            container.append(closeBtn, iframe);
+      container.append(closeBtn, iframe)
 
       return {
-                dom: container,
+        dom: container
       }
     }
   },
 
   addCommands() {
     return {
-            setIframe: (options) => ({ tr, dispatch }) => {
+      setIframe:
+        (options) =>
+        ({ tr, dispatch }) => {
           const { selection } = tr
           const node = this.type.create(options)
 
           if (dispatch) {
             tr.replaceRangeWith(selection.from, selection.to, node)
           }
-
           return true
-            },
         }
-    },
-});
+    }
+  }
+})
 
-export default Iframe;
+export default Iframe

src/modals/IframeCustomModal.js

-import React, { Fragment } from "react";
+import React, { Fragment } from 'react'
 
-export default function IframeCustomModal ({embedContent, setEmbedContent}) {
+export default function IframeCustomModal({ embedContent, setEmbedContent }) {
   return (
     <Fragment>
       <textarea
-                style={{width: '100%', height: '100%'}}
+        style={{ width: '100%', height: '100%' }}
         rows={18}
         value={embedContent}
-                placeholder={'<iframe></iframe>'}
+        placeholder='<iframe></iframe>'
         onInput={(e) => setEmbedContent(e.target.value)}
       />
     </Fragment>

src/modals/IframeModal.js

-import React, { Fragment } from "react";
+import React, { Fragment } from 'react'
 
-export default function IframeModal ({embedContent, setEmbedContent}) {
+export default function IframeModal({ embedContent, setEmbedContent }) {
   return (
     <Fragment>
-            <input type="text" value={embedContent} placeholder={'https://'}
-                   onInput={(e) => setEmbedContent(e.target.value)
-                   }/>
-            <ul className={'atma-editor-soc-video'}>
-                <li className={'youtube'}/>
-                <li className={'vimeo'}/>
+      <input
+        type='text'
+        value={embedContent}
+        placeholder='https://'
+        onInput={(e) => setEmbedContent(e.target.value)}
+      />
+      <ul className='atma-editor-soc-video'>
+        <li className='youtube' />
+        <li className='vimeo' />
         {/* <li className={'vk'}/> */}
-                <li className={'ok'}/>
-                <li className={'rutube'}/>
+        <li className='ok' />
+        <li className='rutube' />
       </ul>
     </Fragment>
   )

src/modals/RemoveIframeModal.js

-import React, { Fragment } from "react";
-
-export default function RemoveIframeModal(){
-    return (
-        <Fragment>
-
-        </Fragment>
-    )
-}