cirry/yurou
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

功能完善

Browse Source
This commit is contained in:
cirry
2026-07-08 09:59:38 +08:00
parent 77fb49fedc
commit cc13b2abbe
1 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/MarkdownEditor.vue
View File

@@ -464,6 +464,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
:ref="setBlockTextareaRef" :ref="setBlockTextareaRef"
:value="editingSource" :value="editingSource"
:placeholder="props.placeholder" :placeholder="props.placeholder"
rows="1"
class="markdown-block-editor" class="markdown-block-editor"
@input="onBlockInput" @input="onBlockInput"
@keydown="onBlockKeydown" @keydown="onBlockKeydown"
@@ -491,6 +492,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
v-if="editingBlockId === block.id" v-if="editingBlockId === block.id"
:ref="setBlockTextareaRef" :ref="setBlockTextareaRef"
:value="editingSource" :value="editingSource"
rows="1"
class="markdown-block-editor" class="markdown-block-editor"
@input="onBlockInput" @input="onBlockInput"
@keydown="onBlockKeydown" @keydown="onBlockKeydown"
@@ -637,30 +639,40 @@ watch(activeDocumentMode, (mode, oldMode) => {
/* ── Mixed mode block editing ────────────────────────────────────── */ /* ── Mixed mode block editing ────────────────────────────────────── */
.markdown-block { .markdown-block {
margin: -1px -0.375rem; display: contents;
padding: 1px 0.375rem; }
border-radius: 0.375rem;
.markdown-block-preview {
display: contents;
outline: none;
}
.markdown-block:not(.markdown-block-editing) > .markdown-block-preview > * {
transition: transition:
background-color 0.15s ease, background-color 0.15s ease,
box-shadow 0.15s ease; box-shadow 0.15s ease;
} }
.markdown-block:hover { .markdown-block:not(.markdown-block-editing):hover > .markdown-block-preview > * {
background-color: #f4f1ea; background-color: #f4f1ea;
cursor: text; cursor: text;
} }
.markdown-block-editing {
display: block;
}
.markdown-block-editing, .markdown-block-editing,
.markdown-block-editing:hover { .markdown-block-editing:hover {
background-color: transparent; background-color: transparent;
} }
.markdown-block-preview { .markdown-block-preview:focus-visible > * {
min-height: 1.625em; outline: 2px solid #d6aa8e;
outline: none; outline-offset: 2px;
border-radius: 0.25rem;
} }
.markdown-block-preview:focus-visible,
.markdown-empty-placeholder:focus-visible { .markdown-empty-placeholder:focus-visible {
outline: 2px solid #d6aa8e; outline: 2px solid #d6aa8e;
outline-offset: 2px; outline-offset: 2px;
@@ -670,7 +682,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
.markdown-block-editor { .markdown-block-editor {
display: block; display: block;
width: 100%; width: 100%;
min-height: 4rem; min-height: calc((1em * 1.6) + 1.5rem + 2px);
resize: none; resize: none;
overflow: hidden; overflow: hidden;
border: 1px solid #d6aa8e; border: 1px solid #d6aa8e;