24 lines
899 B
HTML
24 lines
899 B
HTML
<div class="text-editor">
|
|
<!-- Toolbar -->
|
|
<div class="editor-toolbar">
|
|
<button class="toolbar-btn" (click)="newFile()" title="New">
|
|
<svg width="14" height="14" viewBox="0 0 14 14"><path d="M1 1h12v12H1z" fill="none" stroke="currentColor" stroke-width="1.2"/><line x1="7" y1="4" x2="7" y2="10" stroke="currentColor" stroke-width="1.2"/><line x1="4" y1="7" x2="10" y2="7" stroke="currentColor" stroke-width="1.2"/></svg>
|
|
New
|
|
</button>
|
|
<div class="toolbar-separator"></div>
|
|
<span class="file-name">{{ fileName() }}</span>
|
|
<span class="spacer"></span>
|
|
<span class="cursor-info">Ln {{ cursorLine() }}, Col {{ cursorCol() }}</span>
|
|
</div>
|
|
|
|
<!-- Editor area -->
|
|
<textarea
|
|
class="editor-area"
|
|
[value]="content()"
|
|
placeholder="Start typing…"
|
|
spellcheck="false"
|
|
(input)="onInput($event)"
|
|
(keyup)="onKeyUp($event)"
|
|
></textarea>
|
|
</div>
|