diff --git a/css/style.css b/css/style.css index dbb5885..6b183bc 100644 --- a/css/style.css +++ b/css/style.css @@ -65,6 +65,14 @@ html, body { background: #fff; border-bottom: 1px solid #e0e0e0; flex-shrink: 0; + visibility: hidden; + opacity: 0; + transition: opacity 0.2s; +} + +.text-editor-toolbar.active { + visibility: visible; + opacity: 1; } .toolbar-btn { diff --git a/js/script.js b/js/script.js index 61a676e..b6a46a1 100644 --- a/js/script.js +++ b/js/script.js @@ -115,6 +115,8 @@ } // 隐藏辅助线 hideGuides(); + // 隐藏文本编辑器工具栏 + textEditorToolbar.classList.remove('active'); } } @@ -770,6 +772,9 @@ element.classList.remove('editing'); element.contentEditable = 'false'; + // 显示文本编辑器工具栏 + textEditorToolbar.classList.add('active'); + // 更新工具栏状态 updateToolbarState(element); } @@ -787,6 +792,9 @@ element.classList.remove('selected'); element.contentEditable = 'true'; + // 显示文本编辑器工具栏 + textEditorToolbar.classList.add('active'); + // 更新工具栏状态 updateToolbarState(element); @@ -814,6 +822,8 @@ element.contentEditable = 'false'; element.blur(); editingInput = null; + // 隐藏文本编辑器工具栏 + textEditorToolbar.classList.remove('active'); } // 更新工具栏状态 @@ -1238,6 +1248,8 @@ selectedInput.classList.remove('selected'); selectedInput = null; } + // 隐藏文本编辑器工具栏 + textEditorToolbar.classList.remove('active'); } // 初始化长按保存(只在3:5预览区域)