게시물 HTML iframe 블록 추가

components/content/ContentMarkdownRenderer.vue

@@ -35,6 +35,7 @@ import {
   parseCalloutOptions
 } from '../../lib/markdown-callout.js'
 import { createHeadingIdFactory } from '../../lib/markdown-toc.js'
+import { isIframeEmbedMarkup } from '../../lib/markdown-iframe-embed.js'
 import ContentMarkdownCodeBlockEditor from './ContentMarkdownCodeBlockEditor.vue'
 import ProseCodeBlock from './ProseCodeBlock.vue'
 import ContentMarkdownCalloutEditor from './ContentMarkdownCalloutEditor.vue'
@@ -259,6 +260,7 @@ const isMarkdownBlockStart = (line) => {
     trimmedLine.startsWith('```') ||
     trimmedLine === '---' ||
     isStandaloneUrlLine(trimmedLine) ||
+    isIframeEmbedMarkup(trimmedLine) ||
     /^(#{1,6})\s+(.+)$/.test(trimmedLine) ||
     trimmedLine.startsWith('> ') ||
     /^- /.test(trimmedLine) ||
@@ -721,6 +723,17 @@ const parseMarkdownBlocks = (markdown) => {
       continue
     }
 
+    if (isIframeEmbedMarkup(trimmedLine)) {
+      const startLine = index
+      blocks.push(attachSourceRange(
+        createBlock('embed', '', null, `block-${blocks.length}`, { url: trimmedLine }),
+        startLine,
+        startLine
+      ))
+      index += 1
+      continue
+    }
+
     const image = parseImageLine(trimmedLine)
 
     if (image) {
@@ -3311,14 +3324,14 @@ onBeforeUnmount(() => {
         data-preview-card-block="true"
         tabindex="0"
         role="group"
-        aria-label="임베드 블록"
+        aria-label="HTML 블록"
         @mousedown.capture="focusPreviewCardBlock"
         @keydown="onPreviewCardKeydown($event, block)"
       >
         <button
           class="content-markdown-renderer__embed-delete content-markdown-renderer__preview-card-action absolute right-2 top-2 z-10 rounded bg-[#15171a]/85 px-2.5 py-1 text-xs font-semibold text-white opacity-0 shadow transition-opacity hover:bg-[#15171a] focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--site-accent)] group-hover:opacity-100 group-focus-within:opacity-100"
           type="button"
-          aria-label="임베드 삭제"
+          aria-label="HTML 블록 삭제"
           @click.stop="deletePreviewCardBlock(block)"
         >
           삭제