feat: v1.2.0 搜索替换 + 文件树侧边栏

This commit is contained in:
thzxx
2026-05-21 11:37:02 +08:00
parent c773a0d8e6
commit 543af93802
7 changed files with 797 additions and 2 deletions
+34
View File
@@ -91,10 +91,44 @@
<button id="btn-dismiss" class="banner-btn">忽略</button>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div id="sidebar-header">
<span id="sidebar-title">资源管理器</span>
<button id="btn-open-folder" class="sidebar-header-btn" title="打开文件夹">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
</svg>
</button>
</div>
<div id="sidebar-tree"></div>
</div>
<!-- Main content area -->
<div id="main-content">
<!-- Editor panel -->
<div id="editor-panel">
<!-- Search & Replace Bar -->
<div id="search-bar" class="hidden">
<div class="search-row">
<input type="text" id="search-input" placeholder="查找..." />
<span id="search-count"></span>
<button id="btn-case" class="search-opt-btn" title="区分大小写 (Alt+C)">Aa</button>
<button id="btn-regex" class="search-opt-btn" title="正则表达式 (Alt+R)">.*</button>
<button id="btn-prev" class="search-nav-btn" title="上一个 (Shift+Enter)">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="18 15 12 9 6 15"></polyline></svg>
</button>
<button id="btn-next" class="search-nav-btn" title="下一个 (Enter)">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
</button>
<button id="btn-search-close" class="search-nav-btn" title="关闭 (Escape)"></button>
</div>
<div id="replace-row" class="hidden">
<input type="text" id="replace-input" placeholder="替换..." />
<button id="btn-replace" class="replace-btn" title="替换 (Ctrl+Shift+G)">替换</button>
<button id="btn-replace-all" class="replace-btn" title="全部替换 (Ctrl+Shift+H)">全部</button>
</div>
</div>
<div id="editor-wrapper">
<div id="line-numbers"></div>
<textarea id="editor" spellcheck="false" placeholder="在此输入 Markdown 内容,或拖拽 .md 文件到窗口打开..."></textarea>