노션 스타일 + 마크다운 사용자라면: 당신의 스타일 분석 | 선호 | 특징 | |---------|---------------------| | 노션 스타일 | / 슬래시 명령어, 블록 드래그 | | 마크다운 | #, **, - 입력하면 즉시 변환 | | HTML 저장 | 라이믹스 호환 필수 | 최종 추천: TipTap ⭐⭐⭐⭐⭐ TipTap이 딱 맞는 이유: | 기능 | TipTap 지원 | |------------|----------------------| | / 슬래시 명령어 | ✅ @tiptap/suggestion | | 마크다운 자동 변환 | ✅ # → H1, ** → 굵게 | | 블록 드래그 | ✅ 플러그인 | | HTML 저장 | ✅ 네이티브 | | Vanilla JS | ✅ React 없이 사용 가능 | // 마크다운 입력 → 즉시 변환 "# 제목" →

제목

"**굵게**" → 굵게 "- 리스트" →

• 리스트

// HTML로 저장 (라이믹스 호환) const html = editor.getHTML() EditorJS vs TipTap | 비교 | EditorJS | TipTap | |-------|--------------|--------------| | 저장 형식 | JSON (변환 필요) | HTML (바로 저장) | | 마크다운 | 플러그인 필요 | 기본 지원 | | / 명령어 | 지원 | 지원 | | 노션 느낌 | 70% | 90% | | 라이믹스 | 변환 코드 필요 | 바로 호환 | --- 결론: TipTap - 노션처럼 / 치면 블록 메뉴 - 마크다운 치면 즉시 변환 - HTML로 저장되어 라이믹스 바로 호환 - CKEditor/Froala 대체로 적합