File browser in JavaScript Rich text editor control

18 Nov 20181 minute to read

Rich Text Editor allows to browse and insert an image in the edit panel using the file browser. File browser allows the users to browse and select a file or folder from the file system and it supports various cloud services.

Required additional package styles and scripts reference

The following additional dependencies are required to use the file browser feature in Rich Text Editor.

|-- @syncfusion/ej2-richtexteditor
    |-- @syncfusion/ej2-data
    |-- @syncfusion/ej2-layouts
    |-- @syncfusion/ej2-grids
    |-- @syncfusion/ej2-filemanager

Map the above packages style and script reference in sample as like below

The following example explains about how to configure the file browser within the Rich Text Editor component.

• Configure the FileManager toolbar item in the toolbarSettings API items property.
• Set enable property as true on fileManagerSettings property to make the file browser in the Rich Text Editor to appear on the FileManager toolbar click action.