feat: add support for social embeds

contentstack · Oct 18, 2024 · b35fc20 · b35fc20
1 parent db04bfe
commit b35fc20
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/fromRedactor.tsx b/src/fromRedactor.tsx
@@ -60,7 +60,15 @@ export const ELEMENT_TAGS: IHtmlToJsonElementTags = {
   P: () => ({ type: 'p', attrs: {} }),
   PRE: () => ({ type: 'code', attrs: {} }),
   UL: () => ({ type: 'ul', attrs: {} }),
-  IFRAME: (el: HTMLElement) => ({ type: 'embed', attrs: { src: el.getAttribute('src') } }),
+  IFRAME: (el: HTMLElement) => {
+    if(el.getAttribute('data-type') === "social-embeds") {
+      const src = el.getAttribute('src')
+      el.removeAttribute('data-type')
+      el.removeAttribute('src')
+      return { type: 'social-embeds', attrs: { src } }
+    }
+    return { type: 'embed', attrs: { src: el.getAttribute('src') } }
+  },
   TABLE: (el: HTMLElement) => ({ type: 'table', attrs: {} }),
   THEAD: (el: HTMLElement) => ({ type: 'thead', attrs: {} }),
   TBODY: (el: HTMLElement) => ({ type: 'tbody', attrs: {} }),

diff --git a/src/toRedactor.tsx b/src/toRedactor.tsx
@@ -185,6 +185,9 @@ const ELEMENT_TYPES: IJsonToHtmlElementTags = {
   },
   script: (attrs: any, child: any) => {
     return `<script ${attrs}>${child}</script>`
+  },
+  "social-embeds": (attrs: any, child: any) => {
+    return `<iframe${attrs} data-type="social-embeds" ></iframe>`
   }
 }
 const TEXT_WRAPPERS: IJsonToHtmlTextTags = {