Fixed bug 2236

src/components/Popovers/LinkPopover/LinkPopover.js

@@ -16,7 +16,10 @@ const LinkPopover = (props) => {
   const handleClickFinishButton = () => {
     let urlLink = linkValue.trim();
     if (urlLink.startsWith("http://") || urlLink.startsWith("https://"))
-    props?.callbackFunction(urlLink); else props?.callbackFunction(`http://${urlLink}`)
+    props?.callbackFunction(urlLink); else props?.callbackFunction({
+      url: `http://${urlLink}`,
+      link: urlLink
+    })
   };
 
   return (

src/components/RichTextComponent/LinkButton/LinkButton.js

@@ -8,8 +8,14 @@ import LinkPopover from "../../Popovers/LinkPopover/LinkPopover";
 import PopoverComponent from "../../Popovers/PopoverComponent";
 
 const toggleMark = (editor, format, link) => {
-  Editor.addMark(editor, format, link);
-    
+  Editor.addMark(editor, format, link.url);
+  if (
+    (editor?.selection &&
+      Editor.string(editor, editor.selection).length === 0) ||
+    !editor?.selection
+  ) {
+    Editor.insertNode(editor, { text: link.link, a: link.url });
+  }
 };
 
 const LinkButton = (props) => {
@@ -17,9 +23,9 @@ const LinkButton = (props) => {
   const [isLinkPopoverShowing, setIsLinkPopoverShowing] = useState(false);
   const [linkPopoverAnchor, setLinkPopoverAnchor] = useState(null);
 
-  const callbackFunction = (link) => {
+  const callbackFunction = (linkObject) => {
     setIsLinkPopoverShowing(false);
-    toggleMark(editor, "a", link);
+    toggleMark(editor, "a", linkObject);
   };
   const handleClickLinkButton = (event) => {
     setIsLinkPopoverShowing(true);

src/components/RichTextComponent/RichTextComponent.js

@@ -72,6 +72,7 @@ const RichTextComponent = (props) => {
               Editor.removeMark(editor, "a");
             }
           }
+          console.log(newValue);
           if (props?.onChange) props?.onChange(JSON.stringify(newValue));
           else setValue(newValue);
         }}