기능구현중

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>