work/web_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add monaco editor and align markdown toggle in tabs

Browse Source
This commit is contained in:
zosimovaa
2026-02-23 09:22:26 +03:00
parent 75fbb53390
commit 3abcd9563b
5 changed files with 210 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI Project Editor MVP</title>
<link rel="stylesheet" href="./styles.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.2/min/vs/loader.min.js"></script>
</head>
<body>
<main class="layout" id="layout-root">
@@ -31,10 +32,11 @@
<div class="row-controls tabs-row">
<div id="file-tabs" class="tabs"></div>
<button id="new-text-tab" type="button" class="new-tab-btn" title="Новая вкладка .md">+MD</button>
<button id="md-toggle-mode" type="button" class="md-toggle hidden" title="Переключить режим markdown">👁</button>
</div>
<div class="editor-workspace">
<button id="md-toggle-mode" type="button" class="md-toggle hidden" title="Переключить режим markdown">👁</button>
<textarea id="file-editor" class="file-editor large" spellcheck="false"></textarea>
<div id="file-editor-monaco" class="file-editor monaco-host large hidden"></div>
<div id="md-preview" class="md-preview large hidden"></div>
</div>
<div class="editor-footer">