feat(editor): implement WYSIWYG Markdown editor using Milkdown Crepe

Replace the existing contenteditable-based markdown editor with a full-featured WYSIWYG editor using @milkdown/crepe. The new implementation provides:
- True WYSIWYG editing experience with instant Markdown syntax rendering
- Slash command menu support for quick formatting
- Code block highlighting and image paste support
- Built-in export to markdown file functionality

Changes include new MilkdownEditor component, updated App.vue integration, theme styling imports, and optimized Vite configuration for the new dependencies.
This commit is contained in:
2026-01-18 09:08:38 +08:00
parent d9ab341223
commit 55c1b180f7
8 changed files with 2581 additions and 142 deletions
+3
View File
@@ -2,4 +2,7 @@ import { createApp } from 'vue'
import App from './App.vue'
import './style.css'
import '@milkdown/crepe/theme/common/style.css'
import '@milkdown/crepe/theme/frame.css'
createApp(App).mount('#app')