HTML attributes within render option

Author: uttamukkoji

src/helper/find-embeded-object.ts

@@ -51,12 +51,7 @@ export function findRenderString(
   if ((!renderModel && renderModel === undefined) || (!object && object === undefined)) {
     return '';
   }
-  let text = null
-  if (object["sys-style-type"] !== ASSET.DISPLAYABLE && (object as EmbeddedEntry)["#text"]) {
-    text = (object as EmbeddedEntry)["#text"]
-  } else if ((object as EmbeddedEntry).alt) {
-    text = (object as EmbeddedEntry).alt
-  }
+  
   if (renderOptions && renderOptions[object['sys-style-type']] !== undefined) {
     const renderFunction = renderOptions[object['sys-style-type']] as RenderObject;
 
@@ -65,11 +60,11 @@ export function findRenderString(
       typeof renderFunction !== 'function' &&
       renderFunction[(object as EmbeddedEntry)['data-sys-content-type-uid']] !== undefined
     ) {
-      return (renderFunction as RenderContentType)[(object as EmbeddedEntry)['data-sys-content-type-uid']](renderModel, text);
+      return (renderFunction as RenderContentType)[(object as EmbeddedEntry)['data-sys-content-type-uid']](renderModel, object);
     } else if (typeof renderFunction === 'function') {
-      return renderFunction(renderModel, text);
+      return renderFunction(renderModel, object);
     }
   }
-  const defaultRenderFunction = defaultOptions[object['sys-style-type']] as RenderObject;
-  return defaultRenderFunction(renderModel, text);
+  const defaultRenderFunction = defaultOptions[object['sys-style-type']] as RenderObject;  
+  return defaultRenderFunction(renderModel, object);
 }

src/options/default-options.ts

@@ -6,10 +6,10 @@ export const defaultOptions: RenderOption = {
   [ENTRY.BLOCK]: (entry) =>
     `<div><p>${entry.title || entry.uid}</p><p>Content type: <span>${entry._content_type_uid}</span></p></div>`,
   [ENTRY.INLINE]: (entry) => `<span>${entry.title || entry.uid}</span>`,
-  [ENTRY.LINK]: (entry, text) => `<a href="${entry.url}">${text || entry.title || entry.uid}</a>`, // Todo Check for link with Manish
-  [ASSET.DOWNLOADABLE]: (asset, text) => `<a href="${asset.url}">${text || asset.title || asset.filename || asset.uid}</a>`,
-  [ASSET.DISPLAYABLE]: (asset, text) => {
-    const displaycontent = `<img src="${asset.url}" alt="${text || asset.title || asset.filename || asset.uid}" />`
+  [ENTRY.LINK]: (entry, embedAttributes) => `<a href="${entry.url}">${embedAttributes[`#text`] || entry.title || entry.uid}</a>`, // Todo Check for link with Manish
+  [ASSET.DOWNLOADABLE]: (asset, embedAttributes) => `<a href="${asset.url}">${embedAttributes[`#text`] || asset.title || asset.filename || asset.uid}</a>`,
+  [ASSET.DISPLAYABLE]: (asset, embedAttributes) => {
+    const displaycontent = `<img src="${asset.url}" alt="${embedAttributes.alt || asset.title || asset.filename || asset.uid}" />`
     return displaycontent
   },
 };

src/options/index.ts

@@ -1,7 +1,8 @@
 import { Entry, ContentTypeEntry } from '../Models/entry-model';
 import { AssetModel } from '../Models/asset-model';
+import { EmbedAttributes } from '../Models/embed-attributes-model';
 
-export type RenderObject = (object: ContentTypeEntry | AssetModel, text?: string) => string;
+export type RenderObject = (object: ContentTypeEntry | AssetModel, embedAttributes: EmbedAttributes) => string;
 
 export interface RenderOption {
   [embedType: string]: RenderObject | RenderContentType;