Rich text editor for EJ 2

[Ananya Juhi]

Hello,

Could you please tell me if there is any rich text editor for Essential JS 2 Angular ?

Also, can you please tell me how to integrate the EJ 1 rich text editor to configure in my Angular 4 component ?

Thanks.

[Keerthana Rajendran]

Hi Ananya,   

   

Thank you for contacting Syncfusion Support.   

   

Query: Could you please tell me if there is any rich text editor for Essential JS 2 Angular ?   

   

Currently, we are working on the implementation of RTE component for EJ2 platform. This will be included in our Volume 2, 2018 release which will be rolled out by the end of May month.   

   

Query: Also, can you please tell me how to integrate the EJ 1 rich text editor to configure in my Angular 4 component ?   

   

Please refer to the below given demo and UG links to integrate EJ1 RTE with Angular platform.    

   

UG: https://help.syncfusion.com/angular/richtexteditor/getting-started   

   

Demo: https://ng2jq.syncfusion.com/#/rte/default;theme=bootstrap   

   

Regards,                                                                        

Keerthana.   

 

[Ananya Juhi]

Hello,

Thanks for responding to my query.

I followed the links you have provided to integrate ej1 RTE with angular components. 

But I am not able to understand how to approach. 

Could you please elaborate a little bit more on it. That would be a great help.

Thanks.

[Keerthana Rajendran]

Hi Ananya,   

   

You can download or clone webpack angular seeds from the below location.   

   

https://github.com/syncfusion/angular2-seeds   

   

Steps:   

   

> git clone https://github.com/syncfusion/angular2-seeds    // this will clone the seeds in required location   

   

> cd angular2-seeds // navigate to sample path   

   

> npm install // install the dependency packages.   

   

   

After installing, open the html and Ts files as in the below path.   

   

    

   

Then, add the Rich text editor code to these files from the getting-started document.    

   

HTML:   

   

<textarea ej-rte width="600px" height="300px"></textarea>   

TS:   

   

import { Component } from '@angular/core';   

   

@Component({   

    selector: 'ej-app',   

    templateUrl: './grid.component.html',   

})   

export class GridComponent {   

       

    constructor() {   

         

    }   

}   

   

We have attached a sample for your reference. Please download the sample from the following link:   

   

https://www.syncfusion.com/downloads/support/forum/137028/ze/RTE1078613960   

   

You can download the above sample and open command prompt from the sample location to execute npm install and npm start to run the sample.Browse on  https://localhost:3000/ to see the application. And navigate to Grid tab. The component is rendered as like the below screenshot.    

    

You can make changes in the code found under src folder and the browser will auto-refresh itself while you save files.   

   

Please refer to the below given document to know more details about webpack seeds and how to add samples with this application.   

   

https://help.syncfusion.com/angular/gettingstarted/getting-started-webpack   

   

   

Regards,                                                                        

Keerthana.   

  

 

[Ananya Juhi]

Thank you for your response. 

As you have mentioned, I downloaded the project from GIT, installed the npm and copied the RTE code in the component. It worked properly. 

But when I am using in my project's component, at the time of compilation, its throwing several errors. I am using syncfusion Essential JS 2 with angular 4.

Could you please make me understand what mught be the issue ?

Thanks..

[Keerthana Rajendran]

Hi  Ananya, 

 

The sample provided in our previous update will work with Essential JS1 with angular 4. As mentioned in our first update, we are working on the implementation of RTE component for EJ2 platform which will be included in Volume 2, 2018.  After this release, you can easily use RTE component in EJ2 with angular 4   

 

Regards,                                                                      

Keerthana.