라이브 에디터 콜아웃 줄 삭제 수정

components/content/ContentMarkdownRenderer.vue

@@ -1271,6 +1271,26 @@ const onCalloutBlockCommit = (block, replacementLines) => {
   commitInlineBlockLines(block, replacementLines)
 }
 
+/**
+ * 콜아웃 마지막 줄에서 아래로 이탈한다.
+ * @param {Object} block - 콜아웃 블록
+ * @param {string|Object} payload - insert-below 페이로드
+ * @returns {void}
+ */
+const onCalloutBlockInsertBelow = (block, payload) => {
+  const { value } = normalizeInsertBelowPayload(payload)
+  const openingLine = getMarkdownLine(block.meta.startLine)
+
+  onCalloutBlockCommit(block, [
+    openingLine,
+    ...String(value ?? '').replace(/\r/g, '').split('\n'),
+    ':::'
+  ])
+  pendingFocusPosition.value = 'start'
+  pendingFocusOffset.value = 0
+  onInsertBelowBlock(block, { lines: [''] })
+}
+
 /**
  * 토글 편집 반영
  * @param {Object} block - 토글 블록
@@ -1782,6 +1802,39 @@ const onDeleteLine = (lineIndex) => {
     return
   }
 
+  const fencedBlock = blocks.value.find((block) => {
+    const startLine = block.meta?.startLine
+    const endLine = block.meta?.endLine
+
+    return ['callout', 'code', 'toggle'].includes(block.type)
+      && typeof startLine === 'number'
+      && typeof endLine === 'number'
+      && lineIndex > startLine
+      && lineIndex < endLine
+  })
+
+  if (fencedBlock) {
+    const startLine = fencedBlock.meta.startLine
+    const endLine = fencedBlock.meta.endLine
+    const bodyLineCount = Math.max(0, endLine - startLine - 1)
+
+    if (bodyLineCount <= 1) {
+      pendingFocusLine.value = startLine > 0 ? startLine - 1 : 0
+      pendingFocusPosition.value = startLine > 0 ? 'end' : 'start'
+      emit('block-content-change', {
+        startLine,
+        endLine,
+        replacementLines: []
+      })
+      return
+    }
+
+    pendingFocusLine.value = lineIndex > startLine + 1 ? lineIndex - 1 : lineIndex
+    pendingFocusPosition.value = lineIndex > startLine + 1 ? 'end' : 'start'
+    emit('delete-line', lineIndex)
+    return
+  }
+
   const focusLine = lineIndex > 0 ? lineIndex - 1 : 0
 
   pendingFocusLine.value = focusLine
@@ -2555,6 +2608,9 @@ onBeforeUnmount(() => {
         :body-source-line="block.meta.startLine + 1"
         :model-value="block.text"
         @commit="onCalloutBlockCommit(block, $event)"
+        @delete-line="onDeleteLine"
+        @insert-below="onCalloutBlockInsertBelow(block, $event)"
+        @merge-with-previous="onMergeWithPreviousLine(block.meta.startLine + 1, $event)"
       />
       <ProseCallout
         v-else-if="block.type === 'callout'"
@@ -2579,6 +2635,7 @@ onBeforeUnmount(() => {
         :model-value="block.text"
         @commit="onToggleBlockCommit(block, $event)"
         @insert-below="onToggleBlockInsertBelow(block, $event)"
+        @delete-line="onDeleteLine"
       />
       <ProseToggle v-else-if="block.type === 'toggle'" :title="block.title || '더 보기'" :default-open="block.defaultOpen" animated>
         <template v-for="(segment, segmentIndex) in parseInlineSegments(block.text)" :key="`${block.id}-toggle-${segmentIndex}`">
@@ -2771,6 +2828,7 @@ onBeforeUnmount(() => {
         :model-value="block.text"
         @commit="onCodeBlockCommit(block, $event)"
         @insert-below="onCodeBlockInsertBelow(block, $event)"
+        @delete-line="onDeleteLine"
       />
       <ProseCodeBlock
         v-else-if="block.type === 'code'"