Added a way to add html to content

components/inline/image.tsx

@@ -26,10 +26,41 @@ export interface ImageProps {
     position: imagePosition
 }
 
-const Image = (props: ImageProps) => (
-    <div>
-        <img src={ props.imageUrl }/>
+
+const Image = (props: ImageProps) => {
+    const getDecorationTypeClass = (): string | undefined => {
+        switch (props.decorations) {
+            case imageDecorations.default:
+                return "default-border";
+            case imageDecorations.noStyle:
+                return undefined;
+            default:
+                return undefined;
+        }
+    };
+
+    const getSizeTypeClass = (): string | undefined => {
+        switch (props.size) {
+            case imageSize.small:
+                return "sm-size";
+            case imageSize.medium:
+                return "md-size";
+            case imageSize.large:
+                return "lg-size";
+            default:
+                return undefined;
+        }
+    };
+
+    const decorationTypeClass = getDecorationTypeClass();
+
+    const sizeTypeClass = getSizeTypeClass();
+
+    return (<div className={ "inline-image" }>
+        <img className={ `${ decorationTypeClass ? `${ decorationTypeClass }` : "" }${ sizeTypeClass ? ` ${ sizeTypeClass }` : "" }` }
+            src={ props.imageUrl }/>
     </div>);
+};
 
 export const imageSchema: RichTextTemplate = {
     name: "Image",