feat(rich-text-web): edit icons

Author: rahmanunver

packages/pluggableWidgets/rich-text-web/src/components/Editor.tsx

@@ -111,7 +111,27 @@ const Editor = forwardRef((props: EditorProps, ref: MutableRefObject<Quill | nul
                                   }
                               }
                             : false,
-                        resize: {}
+                        resize: {
+                            tools: [
+                                "left",
+                                "center",
+                                "right",
+                                "full",
+                                {
+                                    text: "Alt",
+                                    verify(activeEle: HTMLElement) {
+                                        return activeEle && activeEle.tagName === "IMG";
+                                    },
+                                    handler(_evt: MouseEvent, _button: HTMLElement, activeEle: HTMLImageElement) {
+                                        const alt = activeEle.alt || "";
+                                        const newAlt = window.prompt("Alt for image", alt);
+                                        if (typeof newAlt === "string") {
+                                            activeEle.setAttribute("alt", newAlt);
+                                        }
+                                    }
+                                }
+                            ]
+                        }
                     },
                     readOnly
                 };

packages/pluggableWidgets/rich-text-web/src/ui/RichTextIcons.scss

@@ -43,11 +43,11 @@ $icons: (
     Inline-code: "\e923",
     View-edit-code: "\e924",
     Code-block: "\e923",
-    Resize-left: "\e923",
-    Resize-right: "\e923",
-    Resize-center: "\e923",
-    Resize-restore: "\e923",
-    Resize-alt: "\e923"
+    Resize-left: "\e906",
+    Resize-right: "\e907",
+    Resize-center: "\e908",
+    Resize-restore: "\e909",
+    Resize-alt: "\e905"
 );
 
 .widget-rich-text {