FileManagerSettings API in Angular RichTextEditor API component

Configures the file manager settings of the RichTextEditor.

Properties

ajaxSettings

AjaxSettingsModel

Specifies the AJAX settings for the file manager.

Defaults to { getImageUrl: null, url: null, uploadUrl: null}

allowDragAndDrop

boolean

Enables or disables drag-and-drop functionality for files.

Defaults to false

contextMenuSettings

ContextMenuSettingsModel

Specifies the context menu settings for the file manager.

Defaults to { file: [‘Open’, ’|’, ‘Cut’, ‘Copy’, ’|’, ‘Delete’, ‘Rename’, ’|’, ‘Details’], folder: [‘Open’, ’|’, ‘Cut’, ‘Copy’, ‘Paste’, ’|’, ‘Delete’, ‘Rename’, ’|’, ‘Details’], layout: [‘SortBy’, ‘View’, ‘Refresh’, ’|’, ‘Paste’, ’|’, ‘NewFolder’, ‘Upload’, ’|’, ‘Details’, ’|’, ‘SelectAll’], visible: true}

cssClass

string

Specifies the root CSS class of the file manager, allowing customization by overriding styles.

Defaults to ”

detailsViewSettings

DetailsViewSettingsModel

Specifies the details view settings for the file manager.

Defaults to { columns: [{ field: ‘name’, headerText: ‘Name’, minWidth: 120, template: ’${name}’, customAttributes: { class: ‘e-fe-grid-name’}}, { field: ’fmmodified’, headerText: ‘DateModified’, type: ‘dateTime’, format: ‘MMMM dd, yyyy HH:mm’, minWidth: 120, width: ‘190’ }, { field: ‘size’, headerText: ‘Size’, minWidth: 90, width: ‘110’, template: ’${size}’ } ]}

enable

boolean

Specifies whether to enable the file manager in the RichTextEditor.

Defaults to false

navigationPaneSettings

NavigationPaneSettingsModel

Specifies the navigation pane settings for the file manager.

Defaults to { maxWidth: ‘650px’, minWidth: ‘240px’, visible: true }

path

string

Specifies the current path in the file manager.

Defaults to ’/’

rootAliasName

string

Specifies the alias name for the root folder in the file manager.

Defaults to null

searchSettings

SearchSettingsModel

Specifies the search settings for the file manager.

Defaults to { allowSearchOnTyping: true, filterType: ‘contains’, ignoreCase: true}

showFileExtension

boolean

Determines whether to show or hide file extensions in the file manager.

Defaults to true

showHiddenItems

boolean

Determines whether to show or hide files and folders marked as hidden.

Defaults to false

showThumbnail

boolean

Determines whether to show or hide thumbnail images in the large icons view.

Defaults to true

sortOrder

SortOrder

Specifies the sort order for folders and files. Options are:

• None: Folders and files are not sorted.
• Ascending: Folders and files are sorted in ascending order.
• Descending: Folders and files are sorted in descending order.

Defaults to ‘Ascending’

toolbarSettings

FileToolbarSettingsModel

Specifies groups of items aligned horizontally in the toolbar.

Defaults to { visible: true, items: [‘NewFolder’, ‘Upload’, ‘Cut’, ‘Copy’, ‘Paste’, ‘Delete’, ‘Download’, ‘Rename’, ‘SortBy’, ‘Refresh’, ‘Selection’, ‘View’, ‘Details’] }

uploadSettings

UploadSettingsModel

Specifies the upload settings for the file manager.

Defaults to { autoUpload: true, minFileSize: 0, maxFileSize: 30000000, allowedExtensions: ”, autoClose: false }

view

ViewType

Specifies the initial view of the file manager. This property allows setting the initial view to either ‘Details’ or ‘LargeIcons’. The available views are:

• LargeIcons
• Details

Defaults to ‘LargeIcons’

Events

beforeSend

EmitType<BeforeSendEventArgs>

Event triggered before sending an AJAX request to the server. Set the cancel argument to true to prevent the request.