feat(rich-text): add support for custom fonts in RichText widget

Author: samuelreichert

packages/pluggableWidgets/rich-text-web/src/RichText.xml

@@ -163,6 +163,17 @@
                     <caption>Enable spell checking</caption>
                     <description />
                 </property>
+                <property key="customFonts" type="object" isList="true" required="false">
+                    <caption>Custom fonts</caption>
+                    <description />
+                    <properties>
+                        <property key="fontName" type="textTemplate" required="false">
+                            <caption>Font name</caption>
+                            <category>Item</category>
+                            <description />
+                        </property>
+                    </properties>
+                </property>
             </propertyGroup>
         </propertyGroup>
         <propertyGroup caption="Custom toolbar">

packages/pluggableWidgets/rich-text-web/typings/RichTextProps.d.ts

@@ -3,7 +3,7 @@
  * WARNING: All changes made to this file will be overwritten
  * @author Mendix Widgets Framework Team
  */
-import { ActionValue, EditableValue } from "mendix";
+import { ActionValue, DynamicValue, EditableValue } from "mendix";
 
 export type PresetEnum = "basic" | "standard" | "full" | "custom";
 
@@ -23,6 +23,10 @@ export type OverflowYEnum = "auto" | "scroll" | "hidden";
 
 export type OnChangeTypeEnum = "onLeave" | "onDataChange";
 
+export interface CustomFontsType {
+    fontName?: DynamicValue<string>;
+}
+
 export type ToolbarConfigEnum = "basic" | "advanced";
 
 export type CtItemTypeEnum = "separator" | "undo" | "redo" | "bold" | "italic" | "underline" | "strike" | "superScript" | "subScript" | "orderedList" | "bulletList" | "lowerAlphaList" | "checkList" | "minIndent" | "plusIndent" | "direction" | "link" | "image" | "video" | "formula" | "blockquote" | "code" | "codeBlock" | "viewCode" | "align" | "centerAlign" | "rightAlign" | "font" | "size" | "color" | "background" | "header" | "fullscreen" | "clean" | "tableBetter";
@@ -31,6 +35,10 @@ export interface AdvancedConfigType {
     ctItemType: CtItemTypeEnum;
 }
 
+export interface CustomFontsPreviewType {
+    fontName: string;
+}
+
 export interface AdvancedConfigPreviewType {
     ctItemType: CtItemTypeEnum;
 }
@@ -59,6 +67,7 @@ export interface RichTextContainerProps {
     onLoad?: ActionValue;
     onChangeType: OnChangeTypeEnum;
     spellCheck: boolean;
+    customFonts: CustomFontsType[];
     toolbarConfig: ToolbarConfigEnum;
     history: boolean;
     fontStyle: boolean;
@@ -100,6 +109,7 @@ export interface RichTextPreviewProps {
     onLoad: {} | null;
     onChangeType: OnChangeTypeEnum;
     spellCheck: boolean;
+    customFonts: CustomFontsPreviewType[];
     toolbarConfig: ToolbarConfigEnum;
     history: boolean;
     fontStyle: boolean;