How Can I use Document Editor control with Angular 6 version?

[Tuariq]

Hi Team,

I have a requirement to view different types of files. I need to use Document Editor but I am unable to use it by steps given as follows:

https://ej2.syncfusion.com/angular/documentation/document-editor/getting-started/#getting-started

The Configuring system JS part listed here is not clear, without which, the build fails!

Also I got this document: https://www.syncfusion.com/kb/10628/how-to-get-started-with-syncfusion-angular-7-wordprocessor-component that says min Angular version required is 7.

Can I get a working demo of Document editor for angular 6 app with steps to get started?

Thanks

Tuariq

[Suriya Murugan]

Hi Tuariq, 

 

Syncfusion Greetings! 

 

To install and run the application in Angular 6, Angular 5, or Angular 4, you should replace the CLI command version number with corresponding Angular version number. 

  

npm install -g @angular/cli@<CLI VERSION> 

 

Please check the already share kb link for further reference. 

 

https://www.syncfusion.com/kb/10628/how-to-get-started-with-syncfusion-angular-7-wordprocessor-component 

Note:  To get started with Syncfusion Angular DocumentEditor components it supported version from Angular 4+. 

 

Regards, 

 

Suriya M. 

[shrutidevurkar]

I am getting this error despite following the steps:

'ejs-documenteditor' is not a known element:

1. If 'ejs-documenteditor' is an Angular component, then verify that it is part of this module.

2. If 'ejs-documenteditor' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

and in component.ts file on adding this line

  providers: [

     SelectionService,

      EditorService,

       SearchService,

        OptionsPaneService,

        ]

Error during template compile of 'ExplorerdescComponent'

  Could not resolve @syncfusion/ej2-angular-documenteditor relative to [object Object].

[Suriya Murugan]

Hi Shruthi, 

Syncfusion Greetings! 

You have used DocumentEditor in our sample. To resolve the reported issue, use DocumentEditorAllModule in app.module.ts file. 

 

Documentation link: https://ej2.syncfusion.com/angular/documentation/document-editor/getting-started/#registering-documenteditor-module 

Please check below sample for reference. 

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

Steps to run:  

1.      npm install 

2.      ng serve 

Please let us know if you have any questions. 

Regards, 

Suriya M.