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.
sandkasten-web/src/app/components/editor/editor.component.html

39 lines
990 B

<div>
<div>
<codemirror6-editor
[(ngModel)]="editorContent"
[extensions]="extensions"></codemirror6-editor>
</div>
<pre [innerHTML]="resultContent | safeHTML"></pre>
<div>
<label for="language">Langage de programmation</label>
<select id="language" [(ngModel)]="selectedLanguage">
@for (language of languages; track language.name) {
<option [ngValue]="language">{{ language.name }}</option>
}
</select>
</div>
<div>
<button type="button" (click)="clear()">Remettre à zéro</button>
</div>
<button (click)="onRunButtonClicked()" [disabled]="isLoaded">Lancer</button>
<div>
<label for="fileInput">Charger à partir d'un fichier</label>
<input type="file" id="fileInput" (change)="loadFromFile($event)" />
</div>
<div>
<button type="button" (click)="saveToFile()">Sauvegarder</button>
</div>
@if (errorMessage) {
<div>
<p style="color: red">{{ errorMessage }}</p>
</div>
}
</div>