update global fix

example/package.json

@@ -10,13 +10,18 @@
         "eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject"
     },
     "dependencies": {
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
         "react": "file:../node_modules/react",
+        "react-ag-qeditor": "file:..",
         "react-dom": "file:../node_modules/react-dom",
-    "react-scripts": "file:../node_modules/react-scripts",
-    "react-ag-qeditor": "file:.."
+        "react-scripts": "file:../node_modules/react-scripts"
     },
     "devDependencies": {
-    "@babel/plugin-syntax-object-rest-spread": "^7.8.3"
+        "@babel/core": "^7.27.1",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/preset-env": "^7.27.1",
+        "babel-loader": "^10.0.0",
+        "webpack": "^5.99.7"
     },
     "eslintConfig": {
         "extends": "react-app"

package.json

 {
     "name": "react-ag-qeditor",
-    "version": "1.0.52",
+    "version": "1.0.60",
     "description": "WYSIWYG html editor",
     "author": "atma",
     "license": "MIT",
@@ -34,7 +34,11 @@
         "react": "^17.0.2"
     },
     "devDependencies": {
+        "@babel/core": "^7.27.1",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/preset-env": "^7.27.1",
         "babel-eslint": "^10.0.3",
+        "babel-loader": "^10.0.0",
         "concurrently": "^8.2.1",
         "cross-env": "^7.0.2",
         "eslint": "^6.8.0",
@@ -51,27 +55,38 @@
         "microbundle-crl": "^0.13.10",
         "npm-run-all": "^4.1.5",
         "prettier": "^2.0.4",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-model": "^1.25.1",
+        "prosemirror-tables": "^1.7.1",
+        "prosemirror-transform": "^1.10.4",
+        "prosemirror-utils": "^1.2.2",
+        "prosemirror-view": "^1.39.2",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "react-scripts": "^3.4.1"
+        "react-scripts": "^5.0.1",
+        "webpack": "4.42.0"
     },
     "files": [
         "dist"
     ],
     "dependencies": {
+        "@babel/helper-environment-visitor": "^7.24.7",
         "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
         "@tiptap/core": "^2.0.0-beta.176",
         "@tiptap/extension-color": "^2.0.0-beta.9",
+        "@tiptap/extension-document": "^2.12.0",
         "@tiptap/extension-focus": "^2.0.0-beta.43",
         "@tiptap/extension-highlight": "^2.0.0-beta.33",
         "@tiptap/extension-image": "^2.0.0-beta.27",
         "@tiptap/extension-link": "^2.0.0-beta.38",
+        "@tiptap/extension-paragraph": "^2.12.0",
         "@tiptap/extension-subscript": "^2.1.11",
         "@tiptap/extension-superscript": "^2.1.11",
         "@tiptap/extension-table": "^2.0.0-beta.49",
         "@tiptap/extension-table-cell": "^2.0.0-beta.20",
         "@tiptap/extension-table-header": "^2.0.0-beta.22",
         "@tiptap/extension-table-row": "^2.0.0-beta.19",
+        "@tiptap/extension-text": "^2.12.0",
         "@tiptap/extension-text-align": "^2.0.0-beta.29",
         "@tiptap/extension-text-style": "^2.0.0-beta.23",
         "@tiptap/extension-underline": "^2.0.0-beta.23",
@@ -79,8 +94,11 @@
         "@tiptap/starter-kit": "^2.0.0-beta.185",
         "antd": "^5.24.7",
         "axios": "^0.27.2",
+        "babel-loader": "8.1.0",
+        "invariant": "^2.2.4",
         "katex": "^0.15.3",
-        "prosemirror-state": "1.4.0",
+        "levenary": "^1.1.1",
+        "prosemirror-state": "^1.4.3",
         "rc-upload": "^4.3.3",
         "react": "^17.0.2",
         "react-device-detect": "^2.2.3",

src/QEditor.jsx

@@ -14,7 +14,7 @@ import TableRow from '@tiptap/extension-table-row'
 import TableHeader from '@tiptap/extension-table-header'
 import Focus from '@tiptap/extension-focus'
 import { Input, Modal, Form, Button, message } from "antd";
-// import Link from '@tiptap/extension-link'
+import Link from '@tiptap/extension-link'
 // import Image from '@tiptap/extension-image'
 import TextAlign from '@tiptap/extension-text-align'
 import { Color } from '@tiptap/extension-color'
@@ -28,7 +28,7 @@ import EditorModal from './components/EditorModal'
 import Uploader from './components/Uploader'
 import Video from './extensions/Video'
 import Iframe from './extensions/Iframe'
-import CustomLink from './extensions/CustomLink'
+// import CustomLink from './extensions/CustomLink'
 import DragAndDrop from './extensions/DragAndDrop'
 import { useReactMediaRecorder } from 'react-media-recorder'
 import axios from 'axios'
@@ -37,6 +37,7 @@ import Audio from './extensions/Audio'
 // import Image from '@tiptap/extension-image'
 
 // import ImageResize from 'tiptap-extension-resize-image';
+
 import ImageResize from './extensions/Image.jsx'
 // import ImageResize from 'tiptap-imagresize';
 // import ImageResize from 'tiptap-imagresize';
@@ -462,11 +463,13 @@ const QEditor = ({
             // Image,
             ImageResize,
             // CustomImage,
-            // Link.configure({
-            //     autolink: true,
-            //     linkOnPaste: true,
-            //     validate: (href)=> console.log(href),
-            // }),
+            Link.configure({
+                autolink: true,
+                linkOnPaste: true,
+                defaultProtocol: 'https',
+                protocols: ['http', 'https'],
+                validate: (href)=> console.log(href),
+            }),
             Video,
             Iframe,
             Table.configure({
@@ -499,10 +502,10 @@ const QEditor = ({
             Highlight.configure({
                 multicolor: true
             }),
-            CustomLink.configure({
-                linkOnPaste: false,
-                openOnClick: false
-            }),
+            // CustomLink.configure({
+            //     linkOnPaste: false,
+            //     openOnClick: false
+            // }),
             Focus.configure({
                 className: 'atma-editor-focused',
                 mode: 'all'