How to use more than one editor in a single component

[PrabakarKaruppasamy]

@fxmontigny How can we use the more than one editor in angular with in a single component.

I would like to use more than one editor in a single component, like similar below.

<div #editor ace-editor [(text)]="text" [mode]="'groovy'" [options]="options" [readOnly]="false" [theme]="'eclipse'" [autoUpdateContent]="true" [durationBeforeCallback]="1000" (textChanged)="onChange($event)" style="min-height: 300px; width:100%; overflow: auto;"> </div>

<div #editor ace-editor [(text)]="text" [mode]="'groovy'" [options]="options" [readOnly]="false" [theme]="'eclipse'" [autoUpdateContent]="true" [durationBeforeCallback]="1000" (textChanged)="onChange($event)" style="min-height: 300px; width:100%; overflow: auto;"> </div>

We need to use more than one editor instance. How can we do that?

[WOOOFEI]

Use another ”hashtag“ such as #editor1 in the second editor and try again.😊