fix: 修复工具栏显示逻辑,初始状态隐藏、选中/编辑输入框时显示、点击空白处隐藏

This commit is contained in:
Zhukj
2026-04-17 16:48:56 +08:00
parent a4360e5d3b
commit 194a064194
2 changed files with 20 additions and 0 deletions

View File

@@ -65,6 +65,14 @@ html, body {
background: #fff; background: #fff;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
flex-shrink: 0; flex-shrink: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s;
}
.text-editor-toolbar.active {
visibility: visible;
opacity: 1;
} }
.toolbar-btn { .toolbar-btn {

View File

@@ -115,6 +115,8 @@
} }
// 隐藏辅助线 // 隐藏辅助线
hideGuides(); hideGuides();
// 隐藏文本编辑器工具栏
textEditorToolbar.classList.remove('active');
} }
} }
@@ -770,6 +772,9 @@
element.classList.remove('editing'); element.classList.remove('editing');
element.contentEditable = 'false'; element.contentEditable = 'false';
// 显示文本编辑器工具栏
textEditorToolbar.classList.add('active');
// 更新工具栏状态 // 更新工具栏状态
updateToolbarState(element); updateToolbarState(element);
} }
@@ -787,6 +792,9 @@
element.classList.remove('selected'); element.classList.remove('selected');
element.contentEditable = 'true'; element.contentEditable = 'true';
// 显示文本编辑器工具栏
textEditorToolbar.classList.add('active');
// 更新工具栏状态 // 更新工具栏状态
updateToolbarState(element); updateToolbarState(element);
@@ -814,6 +822,8 @@
element.contentEditable = 'false'; element.contentEditable = 'false';
element.blur(); element.blur();
editingInput = null; editingInput = null;
// 隐藏文本编辑器工具栏
textEditorToolbar.classList.remove('active');
} }
// 更新工具栏状态 // 更新工具栏状态
@@ -1238,6 +1248,8 @@
selectedInput.classList.remove('selected'); selectedInput.classList.remove('selected');
selectedInput = null; selectedInput = null;
} }
// 隐藏文本编辑器工具栏
textEditorToolbar.classList.remove('active');
} }
// 初始化长按保存(只在3:5预览区域) // 初始化长按保存(只在3:5预览区域)