기능구현중

frontend/meeting/[id].vue

@@ -146,13 +146,14 @@
               <strong>회의 내용</strong>
             </div>
             <div class="card-body p-0">
-              <textarea 
+              <TiptapEditor
                 v-if="isEditing"
-                class="form-control border-0 h-100" 
                 v-model="form.rawContent"
-                style="min-height: 300px; resize: none;"
-              ></textarea>
-              <div v-else class="p-3" style="min-height: 200px; white-space: pre-wrap;">{{ meeting.rawContent || '(내용 없음)' }}</div>
+                :show-toolbar="true"
+                min-height="300px"
+                placeholder="회의 내용을 입력하세요..."
+              />
+              <div v-else class="p-3 meeting-content" style="min-height: 200px;" v-html="meeting.rawContent || '<span class=\'text-muted\'>(내용 없음)</span>'"></div>
             </div>
             <div v-if="isEditing" class="card-footer d-flex justify-content-end">
               <button class="btn btn-secondary me-2" @click="cancelEdit">취소</button>
@@ -600,4 +601,35 @@ function getStatusText(status: string) {
 .modal.show {
   background: rgba(0, 0, 0, 0.5);
 }
+
+.meeting-content :deep(h2) {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.meeting-content :deep(h3) {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-top: 1.25rem;
+  margin-bottom: 0.5rem;
+}
+
+.meeting-content :deep(ul),
+.meeting-content :deep(ol) {
+  padding-left: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.meeting-content :deep(blockquote) {
+  border-left: 3px solid #dee2e6;
+  padding-left: 1rem;
+  margin-left: 0;
+  color: #6c757d;
+}
+
+.meeting-content :deep(p) {
+  margin-bottom: 0.75rem;
+}
 </style>

frontend/meeting/write.vue

@@ -121,20 +121,18 @@
               <small class="text-muted ms-2">(자유롭게 작성하면 AI가 정리해줍니다)</small>
             </div>
             <div class="card-body p-0">
-              <!-- TODO: Tiptap 에디터로 교체 -->
-              <textarea 
-                class="form-control border-0 h-100" 
+              <TiptapEditor
                 v-model="form.rawContent"
+                :show-toolbar="true"
+                min-height="500px"
                 placeholder="회의 내용을 자유롭게 작성하세요...
 
 예시:
 - 김철수: 이번 주 진행 상황 공유
 - 프론트엔드 개발 80% 완료
 - 백엔드 API 연동 필요
-- 다음 주 목표: 테스트 환경 구축
-- 미결정: 배포 일정 (추후 논의)"
-                style="min-height: 500px; resize: none;"
-              ></textarea>
+- 다음 주 목표: 테스트 환경 구축"
+              />
             </div>
             <div class="card-footer d-flex justify-content-end">
               <button class="btn btn-secondary me-2" @click="router.push('/meeting')">취소</button>