How to Increase Size for Video Uploads in Angular Rich Text Editor?

To increase the maximum file size allowed for video uploads in the Angular Rich Text Editor, you can utilize the dialogOpen event. This event allows you to access the Uploader component instance and modify its maxFileSize property. By default, the maximum file size is set to 30 MB, but you can change it to a higher value as needed.

Implementing the Rich Text Editor

1. Ensure that you have the Rich Text Editor component configured in your application.

2. Implement the dialogOpen event to modify the maxFileSize property of the Uploader component.

Here is a sample code snippet demonstrating how to achieve this:

<ejs-richtexteditor
    id="insertMediaRTE"
    [toolbarSettings]="tools"
    (dialogOpen)="dialogOpen($event)">
</ejs-richtexteditor>

Handling the Dialog Open Event

The dialogOpen method checks if the dialog being opened is the video upload dialog by inspecting the class of the container using the arguments of the dialogOpen event.

public dialogOpen(args) {
    if (args.container.classList.contains('e-rte-video-dialog')) {
       ...
        .....
    }
}

Set maximum file size in File Upload

By obtaining the Uploader instance, we can set the maxFileSize to a higher value than the default, based on your requirement. Here, we have set it to 50 MB (50,000,000 bytes) for your reference.

public dialogOpen(args) {
    if (args.container.classList.contains('e-rte-video-dialog')) {
        (document.getElementById('insertMediaRTE_upload') as any                               ).ej2_instances[0].maxFileSize = 50000000;
    }
}

Conclusion

I hope you enjoyed learning how to increase size for video uploads in Angular Rich Text Editor.
You can refer to our Angular Rich Text Editor feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our Angular Rich Text Editor example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

• Rich Text Editor API Documentation
• Uploader API Documentation