diff --git a/src/codemirror/liveMarkdownDecorations.js b/src/codemirror/liveMarkdownDecorations.js index 931d182..181aecc 100644 --- a/src/codemirror/liveMarkdownDecorations.js +++ b/src/codemirror/liveMarkdownDecorations.js @@ -367,6 +367,15 @@ const buildDecorations = (view, filePath) => { value: Decoration.mark({ class: 'cm-md-code-info' }) }) } + + // 5.3 行内代码 (InlineCode) + if (typeName === 'InlineCode') { + decorations.push({ + from: nodeFrom, + to: nodeTo, + value: Decoration.mark({ class: 'cm-md-monospace' }) + }) + } // 6. 链接 (Link) -> LinkMark, URL, LinkTitle... // 结构通常是: Link( [ LinkMark( [ ) ... LinkMark( ] ) LinkMark( ( ) URL ... LinkMark( ) ) ] ) diff --git a/src/components/LivePreviewEditor.vue b/src/components/LivePreviewEditor.vue index bd306a4..b728cc0 100644 --- a/src/components/LivePreviewEditor.vue +++ b/src/components/LivePreviewEditor.vue @@ -134,6 +134,15 @@ const liveEditorTheme = computed(() => { paddingLeft: '4px' }, + // 行内代码样式 + '.cm-md-monospace': { + fontFamily: monospaceFont, + backgroundColor: 'var(--hover-background)', + padding: '2px 4px', + borderRadius: '4px', + fontSize: '0.9em' + }, + // 代码块样式 '.cm-line.cm-md-fenced-code': { fontFamily: monospaceFont, @@ -284,4 +293,8 @@ onUnmounted(() => { overflow: hidden; background: var(--card-background); } + +:deep(.ͼ7) { + text-decoration: none; +}