Interface IZoomConfig

A structure containing text 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

autoZoom

Auto-zoom configuration of the Rich text editor.

Declaration

autoZoom?: IAutoZoomConfig;

Property Value

Type	Description
IAutoZoomConfig	Auto-zoom configuration of the Rich text editor.

enabled

Enables a slider to show the zoom level. The default value is false.

Declaration

enabled?: boolean;

Property Value

Type	Description
boolean	Enables a slider to show the zoom level. The default value is false.

maxZoomPct

Zoom percentage. The most value of the zoom slider, must be more than 100. The default value is 500.

Declaration

maxZoomPct?: number;

Property Value

Type	Description
number	Zoom percentage. The most value of the zoom slider, must be more than 100. The default value is 500.

minZoomPct

Zoom percentage. The least value of the zoom slider, must be less than 100. The default value is 10.

Declaration

minZoomPct?: number;

Property Value

Type	Description
number	Zoom percentage. The least value of the zoom slider, must be less than 100. The default value is 10.