You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<div class="code-wrapper" style="width: 100%; height: 600px; margin-top: 10px;" *ngIf="!notAvailableOffline">
|
|
|
|
<ion-toolbar>
|
|
|
|
<ion-item>
|
|
|
|
<ion-label position="floating">Language</ion-label>
|
|
|
|
<ion-select style="min-width: 40px;" [(ngModel)]="editorOptions.language" (ionChange)="onSelectChange()" [disabled]="readonly">
|
|
|
|
<ion-select-option *ngFor="let lang of languageOptions" [value]="lang.toLowerCase()">{{lang}}</ion-select-option>
|
|
|
|
</ion-select>
|
|
|
|
</ion-item>
|
|
|
|
</ion-toolbar>
|
|
|
|
<div class="ed-wrapper" style="width: 100%; height: 540px;">
|
|
|
|
<ngx-monaco-editor style="width: 100%; height: 100%;"
|
|
|
|
[options]="editorOptions"
|
|
|
|
[(ngModel)]="editorValue"
|
|
|
|
(ngModelChange)="onEditorModelChange($event)"
|
|
|
|
#theEditor
|
|
|
|
></ngx-monaco-editor>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="code-wrapper not-offline" style="width: 100%; height: 600px; margin-top: 10px;" *ngIf="notAvailableOffline">
|
|
|
|
Sorry, this code editor is not available offline yet.
|
|
|
|
</div>
|