From f8c9198e4b4e4bc601306b8c73ef44ebf925c0d7 Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Fri, 23 Aug 2024 10:58:59 +0530
Subject: [PATCH 1/7] fix: RT-286 remove redundant _self for asset link

---
 src/fromRedactor.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
index 555ce99..89cf5c6 100644
--- a/src/fromRedactor.tsx
+++ b/src/fromRedactor.tsx
@@ -437,7 +437,11 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
         }
       }
       elementAttrs.attrs["redactor-attributes"] = redactor
-      return jsx('element', { attrs: { ...elementAttrs?.attrs, type, "asset-caption": caption, "link": link, "asset-alt": alt, target, position, "asset-link": fileLink, "asset-uid": uid, "display-type": displayType, "asset-name": fileName, "asset-type": contentType, "content-type-uid": contentTypeUid }, type: "reference", uid: generateId() }, children)
+      const assetAttrs = { ...elementAttrs?.attrs, type, "asset-caption": caption, "link": link, "asset-alt": alt, target, position, "asset-link": fileLink, "asset-uid": uid, "display-type": displayType, "asset-name": fileName, "asset-type": contentType, "content-type-uid": contentTypeUid }
+      if(assetAttrs.target === "_self"){
+        delete assetAttrs.target
+      }
+      return jsx('element', { attrs: assetAttrs, type: "reference", uid: generateId() }, children)
     }
   }
   if (nodeName === 'FIGCAPTION') {

From 3a19496ef64b6ac21f82820f12e14bd9c5cfb3ef Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Mon, 26 Aug 2024 12:11:55 +0530
Subject: [PATCH 2/7] fix: RT-285 add figcaption as a standard element tag

---
 src/fromRedactor.tsx      |  5 +++--
 test/expectedJson.ts      |  1 -
 test/fromRedactor.test.ts | 24 ++++++++++++++++++------
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
index 89cf5c6..62d493e 100644
--- a/src/fromRedactor.tsx
+++ b/src/fromRedactor.tsx
@@ -15,7 +15,7 @@ const isInline = ['span', 'a', 'inlineCode', 'reference']
 const isVoid = ['img', 'embed']
 
 
-const ELEMENT_TAGS: IHtmlToJsonElementTags = {
+export const ELEMENT_TAGS: IHtmlToJsonElementTags = {
   A: (el: HTMLElement) => {
     const attrs: Record<string, string> = {}
     const target = el.getAttribute('target');
@@ -98,7 +98,8 @@ const ELEMENT_TAGS: IHtmlToJsonElementTags = {
   SCRIPT: (el: HTMLElement) => {
     return { type: 'script', attrs: {} }
   },
-  HR: () => ({ type: 'hr', attrs: {} })
+  HR: () => ({ type: 'hr', attrs: {} }),
+  FIGCAPTION: () => ({ type: 'figcaption', attrs: {} }),
 }
 
 const TEXT_TAGS: IHtmlToJsonTextTags = {
diff --git a/test/expectedJson.ts b/test/expectedJson.ts
index 2a2e482..1347d65 100644
--- a/test/expectedJson.ts
+++ b/test/expectedJson.ts
@@ -1346,7 +1346,6 @@ export default {
                         "sys-style-type": "display"
                     },
                     "type": "asset",
-                    "target": "_self",
                     "asset-link": "https://images.contentstack.io/v3/assets/bltbdb397c7cc18a214/blt9fedd0336c2f7f0d/61fe9fb699c8a84a577b9f40/crop_area.jpeg",
                     "asset-uid": "blt9fedd0336c2f7f0d",
                     "display-type": "display",
diff --git a/test/fromRedactor.test.ts b/test/fromRedactor.test.ts
index 0c5f484..dd5b899 100644
--- a/test/fromRedactor.test.ts
+++ b/test/fromRedactor.test.ts
@@ -1,5 +1,5 @@
 // @ts-nocheck
-import { fromRedactor, getNestedValueIfAvailable } from "../src/fromRedactor"
+import { ELEMENT_TAGS, fromRedactor, getNestedValueIfAvailable } from "../src/fromRedactor"
 import { JSDOM } from "jsdom"
 import isEqual from "lodash.isequal"
 import omitdeep from "omit-deep-lodash"
@@ -295,6 +295,16 @@ describe("Testing html to json conversion", () => {
         const json = htmlToJson(html)
         expect(json).toStrictEqual({"type":"doc","uid":"uid","attrs":{},"children":[{"type":"reference","attrs":{"style":{"text-align":"right"},"redactor-attributes":{"src":"https://picsum.photos/200","height":"141","alt":"image_(9).png","caption":"ss","type":"asset","asset-alt":"image_(9).png","max-height":"141","max-width":"148","sys-style-type":"display","position":"right","captionAttrs":{"style":"text-align:center"},"anchorLink":"ss.com","target":true,"asset-caption":"ss"},"class-name":"embedded-asset","width":148,"type":"asset","asset-caption":"ss","link":"ss.com","asset-alt":"image_(9).png","target":"_blank","position":"right","asset-link":"https://picsum.photos/200","asset-uid":"blt137d845621ef8168","display-type":"display","asset-name":"image_(9).png","asset-type":"image/png","content-type-uid":"sys_assets"},"uid":"uid","children":[{"text":""}]},{"type":"p","attrs":{},"uid":"uid","children":[{"text":""}]}]        })
     })
+    test("should convert asset to reference with non standard tags", () => {
+          const html  = `<figure style="margin: 0; text-align: right">
+          <div style="display: inline-block"><a href="ss.com" target="_blank"><img src="https://picsum.photos/200" height="141" alt="image_(9).png" caption="ss" anchorLink="ss.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="image_(9).png" width="148" max-height="141" max-width="148" style="max-height: 141px; height: 141px; text-align: right; max-width: 148px; width: auto" data-sys-asset-filelink="https://picsum.photos/200" data-sys-asset-uid="blt137d845621ef8168" data-sys-asset-filename="image_(9).png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="ss" data-sys-asset-alt="image_(9).png" data-sys-asset-link="ss.com" data-sys-asset-position="right" data-sys-asset-isnewtab="true" sys-style-type="display" /></a>
+            <figcaption style="text-align:center">ss</figcaption>
+          </div>
+        </figure>
+        <p></p>`
+        const json = htmlToJson(html, { allowNonStandardTags: true })
+        expect(json).toStrictEqual({"type":"doc","uid":"uid","attrs":{},"children":[{"type":"reference","attrs":{"style":{"text-align":"right"},"redactor-attributes":{"src":"https://picsum.photos/200","height":"141","alt":"image_(9).png","caption":"ss","type":"asset","asset-alt":"image_(9).png","max-height":"141","max-width":"148","sys-style-type":"display","position":"right","captionAttrs":{"style":"text-align:center"},"anchorLink":"ss.com","target":true,"asset-caption":"ss"},"class-name":"embedded-asset","width":148,"type":"asset","asset-caption":"ss","link":"ss.com","asset-alt":"image_(9).png","target":"_blank","position":"right","asset-link":"https://picsum.photos/200","asset-uid":"blt137d845621ef8168","display-type":"display","asset-name":"image_(9).png","asset-type":"image/png","content-type-uid":"sys_assets"},"uid":"uid","children":[{"text":""}]},{"type":"p","attrs":{},"uid":"uid","children":[{"text":""}]}]        })
+    })
 })
 
 
@@ -372,14 +382,16 @@ describe("CS-41001", () =>{
       })
 })
 
-
-
-
+describe("ELEMENT_TAGS", () => {
+    test("should have FIGCAPTION as a standard element tag", () => {
+        const standardElementTags = Object.keys(ELEMENT_TAGS);
+        expect(standardElementTags).toContain("FIGCAPTION");
+    })
+})
 
 function htmlToJson (html: string, options: IHtmlToJsonOptions) {
     const dom = new JSDOM(html);
     let htmlDoc = dom.window.document.querySelector("body");
    return fromRedactor(htmlDoc, options);
 
-}
-
+}
\ No newline at end of file

From 59270d0b15520dacb65cb91cabed702fe34341ee Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Thu, 29 Aug 2024 16:46:22 +0530
Subject: [PATCH 3/7] fix: RT-292 image conversions

---
 src/fromRedactor.tsx | 24 +++++++++++++++++++++---
 src/toRedactor.tsx   |  8 ++++++++
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
index 62d493e..d67657c 100644
--- a/src/fromRedactor.tsx
+++ b/src/fromRedactor.tsx
@@ -49,7 +49,7 @@ export const ELEMENT_TAGS: IHtmlToJsonElementTags = {
         const assetName = splittedUrl[splittedUrl?.length - 1]
         return { type: 'reference', attrs: { "asset-name": assetName,"content-type-uid" : "sys_assets", "asset-link": el.getAttribute('src'), "asset-type": `image/${imageType}`, "display-type": "display", "type": "asset", "asset-uid": assetUid } }
     }
-    return { type: 'img', attrs: { url: el.getAttribute('src') } }
+    return { type: 'img', attrs: { url: el.getAttribute('src'), width: el.getAttribute('width') } }
   },
   LI: () => ({ type: 'li', attrs: {} }),
   OL: () => ({ type: 'ol', attrs: {} }),
@@ -631,11 +631,12 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
         const { href, target } = newChildren[0].attrs?.["redactor-attributes"]
         extraAttrs['anchorLink'] = href;
         if (target && target !== '') {
-            extraAttrs['target'] = true;
+            extraAttrs['target'] = target;
         }
         const imageAttrs = newChildren[0].children;
 
         if(imageAttrs[0].type === 'img'){
+          sizeAttrs.width = imageAttrs[0].attrs.width
         elementAttrs = getFinalImageAttributes({elementAttrs, newChildren : imageAttrs, extraAttrs, sizeAttrs})
 
         }
@@ -675,6 +676,10 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
       if (elementAttrs?.attrs?.["redactor-attributes"]?.inline) {
         elementAttrs.attrs.inline = Boolean(elementAttrs?.attrs?.["redactor-attributes"]?.inline)
       }
+      if(elementAttrs.attrs.width){
+        elementAttrs.attrs.style.width = `${elementAttrs.attrs.width}px`
+        elementAttrs.attrs.style['max-width'] = `${elementAttrs.attrs.width}px`
+      }
       return jsx('element', elementAttrs, [{ text: '' }])
     }
     if (nodeName === 'BLOCKQUOTE') {
@@ -933,6 +938,13 @@ const getFinalImageAttributes = ({elementAttrs, newChildren, extraAttrs, sizeAtt
       sizeAttrs.width = newChildren[0].attrs.width.toString();
   }
 
+  if(!isNaN(parseInt(sizeAttrs.width))){
+    sizeAttrs.style = {
+      width: `${sizeAttrs.width}px`,
+      "max-width": `${sizeAttrs.width}px`
+    }
+  }
+
   const childAttrs = { ...newChildren[0].attrs, ...sizeAttrs, style: { 'text-align': style?.['text-align'] }, caption: extraAttrs['caption'] }
   extraAttrs = { ...extraAttrs, ...sizeAttrs }
 
@@ -940,7 +952,13 @@ const getFinalImageAttributes = ({elementAttrs, newChildren, extraAttrs, sizeAtt
     delete childAttrs.caption
   }
 
-  const imageAttrs = getImageAttributes(elementAttrs, childAttrs, extraAttrs);
+  const imageAttrs = getImageAttributes(elementAttrs, {... childAttrs, ...extraAttrs}, extraAttrs);
+  if(imageAttrs.attrs.link){
+    imageAttrs.attrs.anchorLink = imageAttrs.attrs.link;
+    delete imageAttrs.attrs.link;
+  }
+  delete imageAttrs?.attrs?.['redactor-attributes']?.['anchorlink'];
+  delete imageAttrs?.attrs?.['redactor-attributes']?.['style'];
 
   return imageAttrs
 }
diff --git a/src/toRedactor.tsx b/src/toRedactor.tsx
index 5a200fb..ce486b6 100644
--- a/src/toRedactor.tsx
+++ b/src/toRedactor.tsx
@@ -482,6 +482,14 @@ export const toRedactor = (jsonValue: any,options?:IJsonToHtmlOptions) : string
       }
       if(jsonValue['type'] === 'img'){
         attrsJson['src'] = allattrs['url']
+
+        if(allattrs['caption']) figureStyles.caption = allattrs['caption']
+        if(allattrs['position']) figureStyles.position = allattrs['position']
+        if(allattrs['anchorLink']) figureStyles.anchorLink = `href="${allattrs['anchorLink']}"`
+        if(allattrs['target']){
+          figureStyles.anchorLink += ` target="${allattrs['target']}"`
+        }
+        figureStyles.fieldsEdited.push(figureStyles.caption)
       }
       if(!(options?.customElementTypes && !isEmpty(options.customElementTypes) && options.customElementTypes[jsonValue['type']])) {
         delete attrsJson['url']

From 56bba8b05431c757993cee293f309147cc1f194a Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Mon, 2 Sep 2024 16:40:28 +0530
Subject: [PATCH 4/7] fix: embed link issue in images and test cases

---
 src/fromRedactor.tsx    | 31 ++++++++++++++++++++++---------
 test/expectedJson.ts    |  2 +-
 test/toRedactor.test.ts |  8 +++++++-
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
index d67657c..64fe860 100644
--- a/src/fromRedactor.tsx
+++ b/src/fromRedactor.tsx
@@ -49,7 +49,11 @@ export const ELEMENT_TAGS: IHtmlToJsonElementTags = {
         const assetName = splittedUrl[splittedUrl?.length - 1]
         return { type: 'reference', attrs: { "asset-name": assetName,"content-type-uid" : "sys_assets", "asset-link": el.getAttribute('src'), "asset-type": `image/${imageType}`, "display-type": "display", "type": "asset", "asset-uid": assetUid } }
     }
-    return { type: 'img', attrs: { url: el.getAttribute('src'), width: el.getAttribute('width') } }
+    const imageAttrs : any = { type: 'img', attrs: { url: el.getAttribute('src') } }
+    if (el.getAttribute('width')) {
+      imageAttrs.attrs['width'] = el.getAttribute('width')
+    }
+    return imageAttrs
   },
   LI: () => ({ type: 'li', attrs: {} }),
   OL: () => ({ type: 'ol', attrs: {} }),
@@ -631,12 +635,14 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
         const { href, target } = newChildren[0].attrs?.["redactor-attributes"]
         extraAttrs['anchorLink'] = href;
         if (target && target !== '') {
-            extraAttrs['target'] = target;
+            extraAttrs['target'] = target === "_blank";
         }
         const imageAttrs = newChildren[0].children;
 
         if(imageAttrs[0].type === 'img'){
-          sizeAttrs.width = imageAttrs[0].attrs.width
+          if(imageAttrs[0].attrs.width){
+            sizeAttrs.width = imageAttrs[0].attrs.width
+          }
         elementAttrs = getFinalImageAttributes({elementAttrs, newChildren : imageAttrs, extraAttrs, sizeAttrs})
 
         }
@@ -661,6 +667,16 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
         elementAttrs = getImageAttributes(imageAttrs, imageAttrs.attrs || {}, extraAttrs)
         return jsx('element', elementAttrs, [{ text: '' }])
       }
+      if (newChildren[0]?.type === 'img'){
+        let extraAttrs: { [key: string]: any } = {}
+        const imageAttrs = newChildren[0]
+        elementAttrs = getImageAttributes(imageAttrs, imageAttrs.attrs || {}, extraAttrs)
+        elementAttrs.attrs['anchorLink'] = el.getAttribute('href')
+        if(el.getAttribute('target'))
+          elementAttrs.attrs['target'] = el.getAttribute('target')
+        return jsx('element', elementAttrs, [{ text: '' }])
+
+      }
     }
     if (nodeName === 'IMG' || nodeName === 'IFRAME' || nodeName === 'VIDEO') {
       if (elementAttrs?.attrs?.["redactor-attributes"]?.width) {
@@ -676,7 +692,7 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
       if (elementAttrs?.attrs?.["redactor-attributes"]?.inline) {
         elementAttrs.attrs.inline = Boolean(elementAttrs?.attrs?.["redactor-attributes"]?.inline)
       }
-      if(elementAttrs.attrs.width){
+      if(nodeName === "IMG" && elementAttrs.attrs.width){
         elementAttrs.attrs.style.width = `${elementAttrs.attrs.width}px`
         elementAttrs.attrs.style['max-width'] = `${elementAttrs.attrs.width}px`
       }
@@ -952,11 +968,8 @@ const getFinalImageAttributes = ({elementAttrs, newChildren, extraAttrs, sizeAtt
     delete childAttrs.caption
   }
 
-  const imageAttrs = getImageAttributes(elementAttrs, {... childAttrs, ...extraAttrs}, extraAttrs);
-  if(imageAttrs.attrs.link){
-    imageAttrs.attrs.anchorLink = imageAttrs.attrs.link;
-    delete imageAttrs.attrs.link;
-  }
+  const imageAttrs = getImageAttributes(elementAttrs,  childAttrs, extraAttrs);
+  
   delete imageAttrs?.attrs?.['redactor-attributes']?.['anchorlink'];
   delete imageAttrs?.attrs?.['redactor-attributes']?.['style'];
 
diff --git a/test/expectedJson.ts b/test/expectedJson.ts
index 1347d65..241b1b2 100644
--- a/test/expectedJson.ts
+++ b/test/expectedJson.ts
@@ -1700,7 +1700,7 @@ export default {
         <figure style="margin: auto; text-align: center;width: 204px;"><a href="https://app.contentstack.com/"><img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" /></a>
           <figcaption style="text-align: center;" style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"d6cd7b938dcc41a8a75fb8bad29aa2e9","attrs":{},"children":[{"type":"p","attrs":{},"uid":"c17f2b982464422aaa58499b9525b437","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","anchorLink":"https://app.contentstack.com/","width":204},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","width":204,"caption":"Landscape","link":"https://app.contentstack.com/"},"children":[{"text":""}]}]}
+        "json": {"type":"doc","attrs":{},"children":[{"type":"p","attrs":{},"children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":204},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","anchorLink":"https://app.contentstack.com/","width":204,"caption":"Landscape"},"children":[{"text":""}]}]}
     },
     "'\n' to <br>": {
         "html": '<p>This is test for break element<br/>This is text on the next line.</p>',
diff --git a/test/toRedactor.test.ts b/test/toRedactor.test.ts
index 85608a1..dccbfe4 100644
--- a/test/toRedactor.test.ts
+++ b/test/toRedactor.test.ts
@@ -228,7 +228,7 @@ describe("Testing json to html conversion", () => {
     test("RT-253 - should convert to proper HTML image code", () => {
       const json = {"type":"doc","attrs":{},"children":[{"type":"img","attrs":{"url":"https://picsum.photos/200","width":100},"children":[{"text":""}]}],"_version":3      }
       const html = toRedactor(json);
-      expect(html).toBe('<img width="100" src="https://picsum.photos/200"/>');
+      expect(html).toBe('<img width="100" src="https://picsum.photos/200" />');
     });
     
     test("RT-264 - reference asset should have proper unit in the converted image", () => {
@@ -236,5 +236,11 @@ describe("Testing json to html conversion", () => {
       const html = toRedactor(json);
       expect(html).toBe(`<figure style="margin: 0; text-align: right"><img src="https://picsum.photos/200" height="144" class="embedded-asset" content-type-uid="sys_assets" type="asset" width="192" max-height="144" max-width="192" style="max-height: 144px; height: 144px; text-align: right; max-width: 192px; width: auto" data-sys-asset-filelink="https://picsum.photos/200" data-sys-asset-uid="bltcbce74d3891aaa9d" data-sys-asset-filename="MATHERAN.jpg" data-sys-asset-contenttype="image/jpeg" data-sys-asset-position="right" sys-style-type="display"/></figure>`);
     })
+
+    test("RT-292", () => {
+      const json = {"type":"doc","uid":"41870a48806348eb866c1944d37d3a5d","attrs":{},"children":[{"type":"img","attrs":{"url":"https://picsum.photos/536/354","style":{},"redactor-attributes":{"position":"none","caption":"caption","inline":"true","width":"243","dirty":"true","max-width":"243","src":"https://picsum.photos/536/354","alt":"alt","anchorLink":"link","target":true},"width":"217","inline":"true","caption":"caption","alt":"alt","anchorLink":"link","target":"_blank"},"uid":"bedc4931f5aa4fd59fd6411665f931e2","children":[{"text":""}]}]    }
+      const html = toRedactor(json);
+      expect(html).toBe(`<figure><a href="link" target="_blank"><img position="none" caption="caption" inline="true" width="217" dirty="true" max-width="243" src="https://picsum.photos/536/354" alt="alt" anchorLink="link" target="_blank" style="width: 217; height: auto;"/></a><figcaption>caption</figcaption></figure>`)
+    })
 })
 

From dff680b8bb0c8d1e1acfa7447157309ae43f1f88 Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <52153715+Jayesh2812@users.noreply.github.com>
Date: Tue, 10 Sep 2024 14:00:48 +0530
Subject: [PATCH 5/7] Update package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2de8391..b4ad350 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentstack/json-rte-serializer",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "This Package converts Html Document to Json and vice-versa.",
   "main": "lib/index.js",
   "module": "lib/index.mjs",

From 7736f5a68dd8d4c669fc0791679c51b0d314f35e Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Tue, 10 Sep 2024 15:29:11 +0530
Subject: [PATCH 6/7] fix: proper conversion of HTML inline asset to JSON

---
 src/fromRedactor.tsx      | 12 +++++++++++-
 test/fromRedactor.test.ts |  8 +++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
index 64fe860..3371cd2 100644
--- a/src/fromRedactor.tsx
+++ b/src/fromRedactor.tsx
@@ -161,7 +161,7 @@ const traverseChildAndWarpChild = (children: Array<Object>, allowNonStandardTags
     if (child.hasOwnProperty('type')) {
       if (isInline.includes(child.type)) {
         if (child.type === "reference") {
-          if (child.attrs && (child.attrs['display-type'] === "inline" || child.attrs['display-type'] === "link")) {
+          if (child.attrs && (child.attrs['display-type'] === "inline" || child.attrs['display-type'] === "link" || child.attrs['inline'] )) {
             inlineElementIndex.push(index)
           } else {
             hasBlockElement = true
@@ -446,6 +446,10 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
       if(assetAttrs.target === "_self"){
         delete assetAttrs.target
       }
+      if(redactor.inline){
+        assetAttrs.inline = true
+        delete redactor.inline
+      }
       return jsx('element', { attrs: assetAttrs, type: "reference", uid: generateId() }, children)
     }
   }
@@ -869,6 +873,12 @@ export const fromRedactor = (el: any, options?:IHtmlToJsonOptions) : IAnyObject
       }
     }
 
+    if(nodeName === "DIV"){
+      if(el.style?.overflow === 'hidden' && children.find((child: any) => child.type === 'reference')){
+        elementAttrs = { ...elementAttrs,  type: 'p', attrs: {} }
+      }
+    }
+
     if (children.length === 0) {
       children = [{ text: '' }]
     }
diff --git a/test/fromRedactor.test.ts b/test/fromRedactor.test.ts
index dd5b899..2bf13f6 100644
--- a/test/fromRedactor.test.ts
+++ b/test/fromRedactor.test.ts
@@ -305,6 +305,11 @@ describe("Testing html to json conversion", () => {
         const json = htmlToJson(html, { allowNonStandardTags: true })
         expect(json).toStrictEqual({"type":"doc","uid":"uid","attrs":{},"children":[{"type":"reference","attrs":{"style":{"text-align":"right"},"redactor-attributes":{"src":"https://picsum.photos/200","height":"141","alt":"image_(9).png","caption":"ss","type":"asset","asset-alt":"image_(9).png","max-height":"141","max-width":"148","sys-style-type":"display","position":"right","captionAttrs":{"style":"text-align:center"},"anchorLink":"ss.com","target":true,"asset-caption":"ss"},"class-name":"embedded-asset","width":148,"type":"asset","asset-caption":"ss","link":"ss.com","asset-alt":"image_(9).png","target":"_blank","position":"right","asset-link":"https://picsum.photos/200","asset-uid":"blt137d845621ef8168","display-type":"display","asset-name":"image_(9).png","asset-type":"image/png","content-type-uid":"sys_assets"},"uid":"uid","children":[{"text":""}]},{"type":"p","attrs":{},"uid":"uid","children":[{"text":""}]}]        })
     })
+    test("should convert inline asset reference HTML to proper JSON", () => {
+        let html = `<p></p><div style="overflow: hidden"><span><figure style="margin: 0; float: right"><img src="http://localhost:8001/v3/assets/blt77b66f7ca0622ce9/bltc1b32227100685b6/66c81798d5c529eebeabd447/image_(7).png" height="86" alt="image (7).png" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="image (7).png" width="168" max-height="86" max-width="168" style="max-height: 86px; height: 86px; text-align: right; max-width: 168px; width: auto" data-sys-asset-filelink="http://localhost:8001/v3/assets/blt77b66f7ca0622ce9/bltc1b32227100685b6/66c81798d5c529eebeabd447/image_(7).png" data-sys-asset-uid="bltc1b32227100685b6" data-sys-asset-filename="image (7).png" data-sys-asset-contenttype="image/png" data-sys-asset-alt="image (7).png" data-sys-asset-position="right" sys-style-type="display"/></figure>dasdasdasdasdasdasddaasdasdasdas<br/>Hello<br/>World</span></div>`
+        const json = htmlToJson(html)
+        expect(json).toEqual({"type":"doc","uid":"uid","attrs":{},"children":[{"type":"p","attrs":{},"uid":"uid","children":[{"text":""}]},{"type":"p","attrs":{},"uid":"uid","children":[{"type":"reference","attrs":{"style":{"text-align":"right"},"redactor-attributes":{"src":"http://localhost:8001/v3/assets/blt77b66f7ca0622ce9/bltc1b32227100685b6/66c81798d5c529eebeabd447/image_(7).png","height":"86","alt":"image (7).png","type":"asset","asset-alt":"image (7).png","max-height":"86","max-width":"168","sys-style-type":"display","position":"right"},"class-name":"embedded-asset","width":168,"type":"asset","asset-alt":"image (7).png","position":"right","asset-link":"http://localhost:8001/v3/assets/blt77b66f7ca0622ce9/bltc1b32227100685b6/66c81798d5c529eebeabd447/image_(7).png","asset-uid":"bltc1b32227100685b6","display-type":"display","asset-name":"image (7).png","asset-type":"image/png","content-type-uid":"sys_assets","inline":true},"uid":"uid","children":[{"text":""}]},{"text":"dasdasdasdasdasdasddaasdasdasdas"},{"text":"\n","break":false,"separaterId":"uid"},{"text":"Hello"},{"text":"\n","break":false,"separaterId":"uid"},{"text":"World"}]}]})
+    })
 })
 
 
@@ -394,4 +399,5 @@ function htmlToJson (html: string, options: IHtmlToJsonOptions) {
     let htmlDoc = dom.window.document.querySelector("body");
    return fromRedactor(htmlDoc, options);
 
-}
\ No newline at end of file
+}
+

From 45b627080e530c7c7d32726c96cc0c3e356c1f58 Mon Sep 17 00:00:00 2001
From: Jayesh Deorukhkar <jddeorukhkar@gmail.com>
Date: Thu, 12 Sep 2024 13:13:09 +0530
Subject: [PATCH 7/7] review: update the image urls

---
 test/expectedJson.ts     | 44 ++++++++++++-------------
 test/expectedMarkdown.ts |  4 +--
 test/testingData.ts      | 70 ++++++++++++++++++++--------------------
 3 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/test/expectedJson.ts b/test/expectedJson.ts
index 241b1b2..7b38a64 100644
--- a/test/expectedJson.ts
+++ b/test/expectedJson.ts
@@ -892,7 +892,7 @@ export default {
         "json": [{"type":"p","attrs":{},"uid":"e39e29ed819f49fdb1504b17cf6fe1ff","children":[{"text":""}]},{"type":"reference","attrs":{"asset-name":null,"content-type-uid":"sys_assets","asset-link":null,"asset-type":"image/png","display-type":"display","type":"asset","asset-uid":"bltecea58c1a7fa27f4","style":{},"redactor-attributes":{"asset_uid":"bltecea58c1a7fa27f4","height":"auto"}},"uid":"b87802e2367148e29a2c4ba81c2182ec","children":[{"text":""}]}]
     },
     "14": {
-        "html": "<p>This is <strong>Bold, </strong><em>Italic, </em><u>underline,</u> <del>Strikethrough</del>, <span data-type='inlineCode'>inline-code</span> , 2<sup>x</sup> , 2<sub>x</sub></p><h1>H1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><blockquote>Block quote</blockquote><p></p><pre>Block Code</pre><p style=\"text-align: center;\">center</p><p style=\"text-align: right;\">Right</p><p style=\"text-align: justify;\">Justify</p><ol><li style=\"text-align: justify;\">order list</li><li style=\"text-align: justify;\">2</li></ol><ul><li>1</li><li>2</li></ul><p></p><iframe src=\"https://www.youtube.com/embed/v55JVEJg7i4\" width=\"88\" height=\"300\" style=\"width: 88%; height: 300px;\"></iframe><p></p><table><thead><tr><th><p>1</p></th><th><p>2</p></th></tr></thead><tbody><tr><td><p>3</p></td><td><p>4</p></td></tr><tr><td><p>5</p></td><td><p>6</p></td></tr></tbody></table><p></p><figure type=\"asset\" sys-style-type=\"display\" class=\"embedded-asset\" content-type-uid=\"sys_assets\" data-sys-asset-filelink=\"https://images.contentstack.io/v3/assets/bltbdb397c7cc18a214/blt9fedd0336c2f7f0d/61fe9fb699c8a84a577b9f40/crop_area.jpeg\" data-sys-asset-uid=\"blt9fedd0336c2f7f0d\" data-sys-asset-filename=\"crop_area.jpeg\" data-sys-asset-contenttype=\"image/jpeg\"></figure><p></p><hr/>",
+        "html": "<p>This is <strong>Bold, </strong><em>Italic, </em><u>underline,</u> <del>Strikethrough</del>, <span data-type='inlineCode'>inline-code</span> , 2<sup>x</sup> , 2<sub>x</sub></p><h1>H1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><blockquote>Block quote</blockquote><p></p><pre>Block Code</pre><p style=\"text-align: center;\">center</p><p style=\"text-align: right;\">Right</p><p style=\"text-align: justify;\">Justify</p><ol><li style=\"text-align: justify;\">order list</li><li style=\"text-align: justify;\">2</li></ol><ul><li>1</li><li>2</li></ul><p></p><iframe src=\"https://www.youtube.com/embed/v55JVEJg7i4\" width=\"88\" height=\"300\" style=\"width: 88%; height: 300px;\"></iframe><p></p><table><thead><tr><th><p>1</p></th><th><p>2</p></th></tr></thead><tbody><tr><td><p>3</p></td><td><p>4</p></td></tr><tr><td><p>5</p></td><td><p>6</p></td></tr></tbody></table><p></p><figure type=\"asset\" sys-style-type=\"display\" class=\"embedded-asset\" content-type-uid=\"sys_assets\" data-sys-asset-filelink=\"https://picsum.photos/200/300\" data-sys-asset-uid=\"blt9fedd0336c2f7f0d\" data-sys-asset-filename=\"crop_area.jpeg\" data-sys-asset-contenttype=\"image/jpeg\"></figure><p></p><hr/>",
         "json": [
             {
                 "type": "p",
@@ -1346,7 +1346,7 @@ export default {
                         "sys-style-type": "display"
                     },
                     "type": "asset",
-                    "asset-link": "https://images.contentstack.io/v3/assets/bltbdb397c7cc18a214/blt9fedd0336c2f7f0d/61fe9fb699c8a84a577b9f40/crop_area.jpeg",
+                    "asset-link": "https://picsum.photos/200/300",
                     "asset-uid": "blt9fedd0336c2f7f0d",
                     "display-type": "display",
                     "asset-name": "crop_area.jpeg",
@@ -1629,78 +1629,78 @@ export default {
         "nonStandardTags": 0
     },
     "image-to-reference": {
-        "html": `<img asset_uid="bltfea8157ddfb8e776" src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" height="auto" />`,
-        "json": {"attrs": {}, "children": [{"attrs": {"asset-link": "https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg", "asset-name": "landscape-3.jpg", "asset-type": "image/jpg", "asset-uid": "bltfea8157ddfb8e776", "content-type-uid": "sys_assets", "display-type": "display", "redactor-attributes": {"asset_uid": "bltfea8157ddfb8e776", "height": "auto", "src": "https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg"}, "style": {}, "type": "asset"}, "children": [{"text": ""}], "type": "reference", "uid": "640c377d18dd4613a448734c019dcd0a"}], "type": "doc", "uid": "5b5269ef0d65476d9c3ef300676530b2"},
+        "html": `<img asset_uid="bltfea8157ddfb8e776" src="/landscape-3.jpg" height="auto" />`,
+        "json": {"attrs": {}, "children": [{"attrs": {"asset-link": "/landscape-3.jpg", "asset-name": "landscape-3.jpg", "asset-type": "image/jpg", "asset-uid": "bltfea8157ddfb8e776", "content-type-uid": "sys_assets", "display-type": "display", "redactor-attributes": {"asset_uid": "bltfea8157ddfb8e776", "height": "auto", "src": "/landscape-3.jpg"}, "style": {}, "type": "asset"}, "children": [{"text": ""}], "type": "reference", "uid": "640c377d18dd4613a448734c019dcd0a"}], "type": "doc", "uid": "5b5269ef0d65476d9c3ef300676530b2"},
         
     },
     "image-to-image":{
-        "html": `<img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" height="auto" />`,
-        "json": {"type":"doc","uid":"519ef5a2f4b844239e176033a5b03fff","attrs":{},"children":[{"type":"img","attrs":{"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","style":{},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","height":"auto"}},"uid":"7afdc063abad4612948f660ae0c98738","children":[{"text":""}]}]}
+        "html": `<img src="/landscape-3.jpg" height="auto" />`,
+        "json": {"type":"doc","uid":"519ef5a2f4b844239e176033a5b03fff","attrs":{},"children":[{"type":"img","attrs":{"url":"/landscape-3.jpg","style":{},"redactor-attributes":{"src":"/landscape-3.jpg","height":"auto"}},"uid":"7afdc063abad4612948f660ae0c98738","children":[{"text":""}]}]}
     },
     "reference-caption": {
         "html": 
         `<p></p>
-        <figure style="float: none;width: auto;max-width:auto;"><img asset_uid="bltfea8157ddfb8e776" src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="float: none;width: auto;max-width:auto;"><img asset_uid="bltfea8157ddfb8e776" src="/landscape-3.jpg" />
           <figcaption>Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"38f94c35f7ab4709a1d21daf867d7676","attrs":{},"children":[{"type":"p","attrs":{},"uid":"40ce549d9e5a40b780f741d498fcea2d","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"none","captionAttrs":{},"caption":"Landscape","asset-caption":"Landscape","width":"auto","max-width":"auto"},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":"auto","max-width":"auto","position":"none","asset-caption":"Landscape"},"uid":"fe81be61294b4aceba412002b5c93b57","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"38f94c35f7ab4709a1d21daf867d7676","attrs":{},"children":[{"type":"p","attrs":{},"uid":"40ce549d9e5a40b780f741d498fcea2d","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"/landscape-3.jpg","position":"none","captionAttrs":{},"caption":"Landscape","asset-caption":"Landscape","width":"auto","max-width":"auto"},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":"auto","max-width":"auto","position":"none","asset-caption":"Landscape"},"uid":"fe81be61294b4aceba412002b5c93b57","children":[{"text":""}]}]}
         
     },
     "image-caption": {
         "html": 
         `<p></p>
-        <figure style="float: none;width: autopx;max-width:auto;"><img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="float: none;width: autopx;max-width:auto;"><img src="/landscape-3.jpg" />
           <figcaption>Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"1ed9b08a9f7546f39bbd163ca4664b6f","attrs":{},"children":[{"type":"p","attrs":{},"uid":"781340d798224492bab7b064c2295abe","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"none","captionAttrs":{},"caption":"Landscape","width":"auto","max-width":"auto"},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","width":"auto","max-width":"auto","caption":"Landscape"},"uid":"4db6444ff9d7447d875b5ca72490e6a3","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"1ed9b08a9f7546f39bbd163ca4664b6f","attrs":{},"children":[{"type":"p","attrs":{},"uid":"781340d798224492bab7b064c2295abe","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"src":"/landscape-3.jpg","position":"none","captionAttrs":{},"caption":"Landscape","width":"auto","max-width":"auto"},"url":"/landscape-3.jpg","width":"auto","max-width":"auto","caption":"Landscape"},"uid":"4db6444ff9d7447d875b5ca72490e6a3","children":[{"text":""}]}]}
     },
     "image-caption-width": {
         "html": 
         `<p></p>
-        <figure style="float: none;width: 295px;max-width:auto;"><img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="float: none;width: 295px;max-width:auto;"><img src="/landscape-3.jpg" />
             <figcaption style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"c0b6dcd5ff8d4d9998b6579caf4e6ba8","attrs":{},"children":[{"type":"p","attrs":{},"uid":"18a1761f71e94b14a603047c4a6e74a7","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"none","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":295,"max-width":"auto"},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","width":295,"max-width":"auto","caption":"Landscape"},"uid":"13ccb1fe8e504e4a9a8917f900075d8b","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"c0b6dcd5ff8d4d9998b6579caf4e6ba8","attrs":{},"children":[{"type":"p","attrs":{},"uid":"18a1761f71e94b14a603047c4a6e74a7","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"src":"/landscape-3.jpg","position":"none","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":295,"max-width":"auto"},"url":"/landscape-3.jpg","width":295,"max-width":"auto","caption":"Landscape"},"uid":"13ccb1fe8e504e4a9a8917f900075d8b","children":[{"text":""}]}]}
     },
     "reference-caption-width": {
         "html": 
         `<p></p>
-        <figure style="float: none;width: 298px;max-width:auto;"><img asset_uid="bltfea8157ddfb8e776" src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="float: none;width: 298px;max-width:auto;"><img asset_uid="bltfea8157ddfb8e776" src="/landscape-3.jpg" />
             <figcaption style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"0c10195ed57a4158b6bd2d77caf5d114","attrs":{},"children":[{"type":"p","attrs":{},"uid":"19618972c45a4dde958f20900364a390","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"none","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","asset-caption":"Landscape","width":298,"max-width":"auto"},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":298,"max-width":"auto","position":"none","asset-caption":"Landscape"},"uid":"e947c5963d3e48548dc6d0273a9b5166","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"0c10195ed57a4158b6bd2d77caf5d114","attrs":{},"children":[{"type":"p","attrs":{},"uid":"19618972c45a4dde958f20900364a390","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"none"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"/landscape-3.jpg","position":"none","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","asset-caption":"Landscape","width":298,"max-width":"auto"},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":298,"max-width":"auto","position":"none","asset-caption":"Landscape"},"uid":"e947c5963d3e48548dc6d0273a9b5166","children":[{"text":""}]}]}
     },
     "image-caption-position": {
         "html": 
         `<p></p>
-        <figure style="margin: auto; text-align: center;width: 295px;"><img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="margin: auto; text-align: center;width: 295px;"><img src="/landscape-3.jpg" />
             <figcaption style="text-align: center;" style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"f0151eff09864e0da93bd200136696d8","attrs":{},"children":[{"type":"p","attrs":{},"uid":"a33831e032bb467eb9239e22a3d40c1f","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":295},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","width":295,"caption":"Landscape"},"uid":"81da4a3879e94a0ea05dce4947a31a27","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"f0151eff09864e0da93bd200136696d8","attrs":{},"children":[{"type":"p","attrs":{},"uid":"a33831e032bb467eb9239e22a3d40c1f","children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":295},"url":"/landscape-3.jpg","width":295,"caption":"Landscape"},"uid":"81da4a3879e94a0ea05dce4947a31a27","children":[{"text":""}]}]}
     },
     "reference-caption-position": {
         "html": 
         `<p></p>
-        <figure style="margin: auto; text-align: center;width: 298px;"><img asset_uid="bltfea8157ddfb8e776" src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" />
+        <figure style="margin: auto; text-align: center;width: 298px;"><img asset_uid="bltfea8157ddfb8e776" src="/landscape-3.jpg" />
             <figcaption style="text-align: center;" style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"52ae03d354a14e35b9320245ca608620","attrs":{},"children":[{"type":"p","attrs":{},"uid":"3a36a8d2de9e4a3cab85caa6eb4ec36e","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","asset-caption":"Landscape","width":298},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":298,"position":"center","asset-caption":"Landscape"},"uid":"b9a4e61bddde493e85c537a8daa5cc62","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"52ae03d354a14e35b9320245ca608620","attrs":{},"children":[{"type":"p","attrs":{},"uid":"3a36a8d2de9e4a3cab85caa6eb4ec36e","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","asset-caption":"Landscape","width":298},"asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":298,"position":"center","asset-caption":"Landscape"},"uid":"b9a4e61bddde493e85c537a8daa5cc62","children":[{"text":""}]}]}
     },
     "anchor-image-width-position-caption": {
         "html": 
         `<p></p>
-        <figure style="margin: auto; text-align: center;width: 204px;"><a href="https://app.contentstack.com/"><img asset_uid="bltfea8157ddfb8e776" src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" /></a>
+        <figure style="margin: auto; text-align: center;width: 204px;"><a href="https://app.contentstack.com/"><img asset_uid="bltfea8157ddfb8e776" src="/landscape-3.jpg" /></a>
           <figcaption style="text-align: center;" style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","uid":"d712f7746e984559bbf591d689ef69f6","attrs":{},"children":[{"type":"p","attrs":{},"uid":"79d6defd99624ecc8302db0479330d72","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","anchorLink":"https://app.contentstack.com/","asset-caption":"Landscape","width":204},"link": "https://app.contentstack.com/","asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":204,"position":"center","asset-caption":"Landscape"},"uid":"abc8e6a7f2974ad2a876356a6f4ae0fb","children":[{"text":""}]}]}
+        "json": {"type":"doc","uid":"d712f7746e984559bbf591d689ef69f6","attrs":{},"children":[{"type":"p","attrs":{},"uid":"79d6defd99624ecc8302db0479330d72","children":[{"text":""}]},{"type":"reference","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"asset_uid":"bltfea8157ddfb8e776","src":"/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","anchorLink":"https://app.contentstack.com/","asset-caption":"Landscape","width":204},"link": "https://app.contentstack.com/","asset-name":"landscape-3.jpg","content-type-uid":"sys_assets","asset-link":"/landscape-3.jpg","asset-type":"image/jpg","display-type":"display","type":"asset","asset-uid":"bltfea8157ddfb8e776","width":204,"position":"center","asset-caption":"Landscape"},"uid":"abc8e6a7f2974ad2a876356a6f4ae0fb","children":[{"text":""}]}]}
     },
     "anchor-reference-width-position-caption": {
         "html": 
         `<p></p>
-        <figure style="margin: auto; text-align: center;width: 204px;"><a href="https://app.contentstack.com/"><img src="https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg" /></a>
+        <figure style="margin: auto; text-align: center;width: 204px;"><a href="https://app.contentstack.com/"><img src="https://picsum.photos/200/300" /></a>
           <figcaption style="text-align: center;" style="text-align: center;">Landscape</figcaption>
         </figure>`,
-        "json": {"type":"doc","attrs":{},"children":[{"type":"p","attrs":{},"children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":204},"url":"https://images.contentstack.io/v3/assets/blt858e12437ac2679e/bltfea8157ddfb8e776/6329f1106a7f7364973c028c/landscape-3.jpg","anchorLink":"https://app.contentstack.com/","width":204,"caption":"Landscape"},"children":[{"text":""}]}]}
+        "json": {"type":"doc","attrs":{},"children":[{"type":"p","attrs":{},"children":[{"text":""}]},{"type":"img","attrs":{"style":{"text-align":"center"},"redactor-attributes":{"src":"https://picsum.photos/200/300","position":"center","captionAttrs":{"style":"text-align: center;"},"caption":"Landscape","width":204},"url":"https://picsum.photos/200/300","anchorLink":"https://app.contentstack.com/","width":204,"caption":"Landscape"},"children":[{"text":""}]}]}
     },
     "'\n' to <br>": {
         "html": '<p>This is test for break element<br/>This is text on the next line.</p>',
diff --git a/test/expectedMarkdown.ts b/test/expectedMarkdown.ts
index 9078c3c..c46ce32 100644
--- a/test/expectedMarkdown.ts
+++ b/test/expectedMarkdown.ts
@@ -354,7 +354,7 @@ Some Paragraph and adding a [link](www.google.com) in the middle.`
                             "asset-uid": "blt6a5e908abbd88573",
                             "content-type-uid": "sys_assets",
                             "target": "_self",
-                            "href": "https://images.contentstack.io/v3/assets/blt2cf669e5016d5e07/blt6a5e908abbd88573/65a8bd5e14eace2183a5abcc/Phillip-Island-Penguin-Parade-10.jpeg"
+                            "href": "https://picsum.photos/200/300"
                         },
                         "children": [
                             {
@@ -371,7 +371,7 @@ Some Paragraph and adding a [link](www.google.com) in the middle.`
     }],
     "markdown": `
     
-Also adding an asset as a link here. Here are the [Penguins.](https://images.contentstack.io/v3/assets/blt2cf669e5016d5e07/blt6a5e908abbd88573/65a8bd5e14eace2183a5abcc/Phillip-Island-Penguin-Parade-10.jpeg) Enjoy!`
+Also adding an asset as a link here. Here are the [Penguins.](https://picsum.photos/200/300) Enjoy!`
 },
 {
     "title": "Ordered List Conversion",
diff --git a/test/testingData.ts b/test/testingData.ts
index ba4bf23..216d948 100644
--- a/test/testingData.ts
+++ b/test/testingData.ts
@@ -9,7 +9,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -23,7 +23,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" sys-style-type="display"/></figure>`,
+    expectedHtml: `<figure style="margin: 0"><img src="https://picsum.photos/200/300" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" sys-style-type="display"/></figure>`,
   },
   alt: {
     value: getDoc([
@@ -35,7 +35,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -55,7 +55,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-alt="I am BATMAN" data-sys-asset-position="none" sys-style-type="display"/></figure>`,
+    expectedHtml: `<figure style="margin: 0"><img src="https://picsum.photos/200/300" alt="I am BATMAN" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-alt="I am BATMAN" data-sys-asset-position="none" sys-style-type="display"/></figure>`,
   },
   caption: {
     value: getDoc([
@@ -67,7 +67,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -87,7 +87,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><div style="display: inline-block"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" caption="BATMAN" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-position="none" sys-style-type="display"/><figcaption style="text-align:center">BATMAN</figcaption></div></figure>`,
+    expectedHtml: `<figure style="margin: 0"><div style="display: inline-block"><img src="https://picsum.photos/200/300" caption="BATMAN" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-position="none" sys-style-type="display"/><figcaption style="text-align:center">BATMAN</figcaption></div></figure>`,
   },
   alignment: {
     value: getDoc([
@@ -99,7 +99,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -129,7 +129,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -158,7 +158,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -178,7 +178,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0; text-align: left"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="left" sys-style-type="display"/></figure><figure style="margin: 0; text-align: right"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="right" sys-style-type="display"/></figure><figure style="margin: 0; text-align: center"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: center; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="center" sys-style-type="display"/></figure>`,
+    expectedHtml: `<figure style="margin: 0; text-align: left"><img src="https://picsum.photos/200/300" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="left" sys-style-type="display"/></figure><figure style="margin: 0; text-align: right"><img src="https://picsum.photos/200/300" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="right" sys-style-type="display"/></figure><figure style="margin: 0; text-align: center"><img src="https://picsum.photos/200/300" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: center; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="center" sys-style-type="display"/></figure>`,
   },
   anchor: {
     value: getDoc([
@@ -190,7 +190,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -211,7 +211,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><a href="https://www.batman.com"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" sys-style-type="display"/></a></figure>`,
+    expectedHtml: `<figure style="margin: 0"><a href="https://www.batman.com"><img src="https://picsum.photos/200/300" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" sys-style-type="display"/></a></figure>`,
   },
   "anchor-target": {
     value: getDoc([
@@ -223,7 +223,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -245,7 +245,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a></figure>`,
+    expectedHtml: `<figure style="margin: 0"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a></figure>`,
   },
   "anchor-alignment-target-alt-caption": {
     value: getDoc([
@@ -257,7 +257,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -290,7 +290,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -327,7 +327,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -364,7 +364,7 @@ export const imageAssetData = {
           "asset-uid": "bltb87e0bd5764c421e",
           "content-type-uid": "sys_assets",
           "asset-link":
-            "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+            "https://picsum.photos/200/300",
           "asset-name": "batman.png",
           "asset-type": "image/png",
           type: "asset",
@@ -394,7 +394,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<figure style="margin: 0"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: left"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="left" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: center"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: center; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="center" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: right"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="right" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>`,
+    expectedHtml: `<figure style="margin: 0"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: left"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="left" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: center"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: center; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="center" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure><figure style="margin: 0; text-align: right"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="right" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>`,
   },
   "inline-base": {
     value: getDoc([
@@ -418,7 +418,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -443,7 +443,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<p dir="ltr">I am<img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="none" sys-style-type="display"/>batman</p>`,
+    expectedHtml: `<p dir="ltr">I am<img src="https://picsum.photos/200/300" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="none" sys-style-type="display"/>batman</p>`,
   },
   "inline-alt": {
     value: getDoc([
@@ -467,7 +467,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -494,7 +494,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<p dir="ltr">I am<img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-alt="I am BATMAN" data-sys-asset-position="none" sys-style-type="display"/>batman</p>`,
+    expectedHtml: `<p dir="ltr">I am<img src="https://picsum.photos/200/300" alt="I am BATMAN" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-alt="I am BATMAN" data-sys-asset-position="none" sys-style-type="display"/>batman</p>`,
   },
   "inline-caption": {
     value: getDoc([
@@ -518,7 +518,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -545,7 +545,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span>I am <figure style="margin: 0; display: inline-block"><div style="display: inline-block"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" caption="BATMAN" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-position="none" sys-style-type="display"/><figcaption style="text-align:center">BATMAN</figcaption></div></figure>Batman</span></div>`,
+    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span>I am <figure style="margin: 0; display: inline-block"><div style="display: inline-block"><img src="https://picsum.photos/200/300" caption="BATMAN" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-position="none" sys-style-type="display"/><figcaption style="text-align:center">BATMAN</figcaption></div></figure>Batman</span></div>`,
   },
   "inline-alignment": {
     value: getDoc([
@@ -569,7 +569,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -618,7 +618,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -647,7 +647,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: left"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="left" sys-style-type="display"/></figure>I am batman</span></div><div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: right"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="right" sys-style-type="display"/></figure>I am batman</span></div>`,
+    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: left"><img src="https://picsum.photos/200/300" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="left" sys-style-type="display"/></figure>I am batman</span></div><div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: right"><img src="https://picsum.photos/200/300" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-position="right" sys-style-type="display"/></figure>I am batman</span></div>`,
   },
   "inline-anchor": {
     value: getDoc([
@@ -671,7 +671,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -699,7 +699,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<p dir="ltr">I am<a href="https://www.batman.com"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" sys-style-type="display"/></a> batman</p>`,
+    expectedHtml: `<p dir="ltr">I am<a href="https://www.batman.com"><img src="https://picsum.photos/200/300" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" dir="ltr" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" sys-style-type="display"/></a> batman</p>`,
   },
   "inline-anchor-target": {
     value: getDoc([
@@ -723,7 +723,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -756,7 +756,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span>I am<figure style="margin: 0; display: inline-block"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>batman</span></div>`,
+    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span>I am<figure style="margin: 0; display: inline-block"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="none" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>batman</span></div>`,
   },
   "inline-anchor-alignment-target-alt-caption": {
     value: getDoc([
@@ -780,7 +780,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -836,7 +836,7 @@ export const imageAssetData = {
               "asset-uid": "bltb87e0bd5764c421e",
               "content-type-uid": "sys_assets",
               "asset-link":
-                "https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png",
+                "https://picsum.photos/200/300",
               "asset-name": "batman.png",
               "asset-type": "image/png",
               type: "asset",
@@ -873,7 +873,7 @@ export const imageAssetData = {
         ],
       },
     ]),
-    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: left"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="left" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>I am batman</span></div><div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: right"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://images.contentstack.io/v3/assets/blt90bbfcce23680d08/bltb87e0bd5764c421e/64abd49b7b26dfaeede17525/batman.png" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="right" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>I am batman</span></div>`,
+    expectedHtml: `<div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: left"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: left; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="left" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>I am batman</span></div><div dir="ltr" style="overflow: hidden"><span><figure style="margin: 0; float: right"><div style="display: inline-block"><a href="https://www.batman.com" target="_blank"><img src="https://picsum.photos/200/300" alt="I am BATMAN" caption="BATMAN" anchorLink="https://www.batman.com" inline="true" class="embedded-asset" content-type-uid="sys_assets" type="asset" asset-alt="I am BATMAN" style="text-align: right; max-width: undefinedpx; width: auto" data-sys-asset-filelink="https://picsum.photos/200/300" data-sys-asset-uid="bltb87e0bd5764c421e" data-sys-asset-filename="batman.png" data-sys-asset-contenttype="image/png" data-sys-asset-caption="BATMAN" data-sys-asset-alt="I am BATMAN" data-sys-asset-link="https://www.batman.com" data-sys-asset-position="right" data-sys-asset-isnewtab="true" sys-style-type="display"/></a><figcaption style="text-align:center">BATMAN</figcaption></div></figure>I am batman</span></div>`,
   },
 };