Interface IAutoZoomConfig

A structure containing auto-zoom configuration of the Rich text editor.

Package: @aurigma/design-editor-iframe

Remarks

You can use these settings in IRichTextDialogConfig.

Examples

"RichTextDialog": {
   "zoom": {
       // Enables the zoom slider in the Rich text editor.
       "enabled": true,
       "minZoomPct": 10,
       "maxZoomPct": 500,
       "autoZoom": {
           // Enables auto-zoom at opening the text editor.
           "enabled": true,
           // Auto-zooms the text in if the text font size is less than this threshold.
           "minFontSizeThresholdPt": 12,
           // Auto-zooms the text out if the text font size is more than this threshold.
           "maxFontSizeThresholdPt": 36
       }
   }
}

Properties

enabled

Enables auto-zoom at opening the Rich text editor. The default value is false.

Declaration

enabled?: boolean;

Property Value

Type	Description
boolean	Enables auto-zoom at opening the Rich text editor. The default value is false.

maxFontSizeThresholdPt

The font size threshold, in points. If the text font size is more than this threshold, the text is auto-zoomed out. The default value is 36.

Declaration

maxFontSizeThresholdPt?: number;

Property Value

Type	Description
number	The font size threshold, in points. If the text font size is more than this threshold, the text is auto-zoomed out. The default value is 36.

minFontSizeThresholdPt

The font size threshold, in points. If the text font size is less than this threshold, the text is auto-zoomed in. The default value is 12.

Declaration

minFontSizeThresholdPt?: number;

Property Value

Type	Description
number	The font size threshold, in points. If the text font size is less than this threshold, the text is auto-zoomed in. The default value is 12.