RichTextEditor + FileManager backend implementation

[Simone]

Greetings,

for the company in which i am employed into, i have the need to evaluate the two products in the topic title (RichTextEditor and FileManager).

I have choosen the trial version of EJ2 JavasScript among the many versions, because our project is written in ASP.NET Web Forms, and seems to me that other products (ASP.NET MVC or ASP.NET Core) does not suit my project framework.

That said, from what I've put together (reading documentation and examples) seems to me that the EJ2 Javascript provide only the front-end library (in javascript) and i need to do implementation of back-end API in ASP.NET Web Forms.

I think this is due the fact that EJ2 Javascript is meant to be used with any framework or language, server-side, so is up to the developer to fill the gap providing server side processing.

Here an example of server side implementation (web form) i have found in this forum : https://www.syncfusion.com/forums/174712/word-processor-component-hosted-on-webforms

in which the server side processing seems to be implemented from scratch

What i would aks to this forum is if my understanding of those products (Editor and FileManager) in this version (EJ2 Javascript) is correct, or if there is something i am missing.

I would ask that because my goal is to find a product, in a version, that has to be as "plug-and-play" as possible, and i am looking to find a way to have not to implement the server side (backend) logic that handle File Manager calls.

Thanks in advance for clarification.

Best regards,

Simone.

[Vinothkumar Yuvaraj]

Hi Simone,

We have validated your requirement in File Manager component. Currently, File Manager has support to handle the data from the in-built AJAX operations (response from the default file operations of File Manager) and we do not have support to use File Manager without backend. The File Manager works with the file system provider which allows the component to manage the files and folders in a physical or cloud-based file system. To understand how the File Manager works, please refer to the below UG document.

https://ej2.syncfusion.com/documentation/file-manager/file-system-provider/

However, we have considered providing support to render the File Manager from an external JSON, i.e., there is no need to process the request using an ajax call, and this will be included in any of our upcoming releases. Generally, we will plan any feature implementation based on customer request count, feature rank and Wishlist plan. 

You can track the feature status through the below link,

https://www.syncfusion.com/feedback/10417/to-provide-option-to-render-the-filemanager-component-from-given-json

Please let us know if you need any further assistance.

Regards,

Vinothkumar

[Simone]

Hi Vinothkumar,

and thanks for you reply. So basically you confirmed to me my understanding about the provider available for EJ2 File Manager, as explained in your link (https://ej2.syncfusion.com/documentation/file-manager/file-system-provider/ ).

In fact, the component need a provider and there is no ASP.NET provider (for a WebForm project) so the only option is to build a somewhat external services (like a microservice) that will use one of the supported provider (eg: ASP.NET MVC) or try to build a custom provider using AJAX API (frankly speaking i think this not a viable solution).

Thanks again for yours clarification.

Best regards,

Simone.

[Prasanth Madhaiyan]

Hi Simone,

As per the shared details, we have validated the feasibility of achieving your requirement. Currently, we do not have support for directly adding a Physical File Service provider backend in Web Forms for EJ2. However, you can run the Physical service provider separately and then map the URL in the Web Forms sample to render the EJ2 File Manager component. You can follow the documentation below to create an ASP.NET Web Forms application.

Refer to the below code snippets.

[Default.aspx]

 

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

     <h3>EJ2 FileManager</h3>

   

    <div id="filemanager"></div>

    <script>

        // initialize File Manager component

        var hostUrl = 'http://localhost:62869/';

        var fileObject = new ej.filemanager.FileManager({

            ajaxSettings: {

                url: hostUrl + 'api/FileManager/FileOperations',

                getImageUrl: hostUrl + 'api/FileManager/GetImage',

                uploadUrl: hostUrl + 'api/FileManager/Upload',

                downloadUrl: hostUrl + 'api/FileManager/Download'

            }

        });

        fileObject.appendTo('#filemanager');

    </script>

</asp:Content>

Documentation: https://ej2.syncfusion.com/javascript/documentation/getting-started/webforms

Sample:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebFormsFileManager865616314

Physical File System Provider: https://github.com/SyncfusionExamples/ej2-aspcore-file-provider/

Refer to the following links to know more about the File Manager component.

Documentation: https://ej2.syncfusion.com/javascript/documentation/file-manager/es5-getting-started/

Demos: https://ej2.syncfusion.com/javascript/demos/#/material/file-manager/overview.html

API Reference: https://ej2.syncfusion.com/javascript/documentation/api/file-manager/

Check out the shared details and let us know if you need any further assistance.

Regards,

Prasanth Madhaiyan.