Feature: Implement slash commands for block formatting #409
Description
기능 개요
블록에서 '/'를 입력하면 팝업 메뉴가 나타나 서식 변경, 블록 타입 전환 등을 쉽게 할 수 있는 기능
구현 상세
- 블록 시작에서 '/'를 감지하여 명령 팝업 표시
- 팝업 메뉴 항목:
- Heading 1/2/3/4/5/6로 변환
- 할 일(Task) 목록으로 변환
- 코드 블록으로 변환
- 인용(Blockquote)으로 변환
- 임베드(Embed) 추가
- 템플릿 삽입
- 테이블 삽입 (선택)
- CodeMirror의 Completion 기능 활용 또는 커스텀 React Popover로 구현
- 키보드 네비게이션 지원 (화살표, Enter 등)
- 입력 필터링으로 명령 검색 기능
예상 효과
- 마크다운 문법을 모르는 사용자도 쉽게 서식 지정 가능
- 사용성 크게 향상
- 일반 사용자와 파워 유저 모두 만족
관련 파일
- src/editor/extensions/handlers/HandlerRegistry.ts
- src/outliner/BlockComponent.tsx
- src/stores/commandStore.ts