fix: 修复工具栏显示逻辑,初始状态隐藏、选中/编辑输入框时显示、点击空白处隐藏
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
12
js/script.js
12
js/script.js
@@ -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预览区域)
|
||||||
|
|||||||
Reference in New Issue
Block a user