From a27de5443a2d6cf64ed12c746d949b8535a999be Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Wed, 9 Apr 2025 08:31:59 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=BC=EB=B0=98=20=EC=98=81=EC=83=81=20url?=
 =?UTF-8?q?=20=EB=8F=84=20=EC=B2=A8=EB=B6=80=EB=90=98=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/editor/QEditor.vue | 38 +++++++++++++++++++------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/editor/QEditor.vue b/src/components/editor/QEditor.vue
index b476b89..37c169a 100644
--- a/src/components/editor/QEditor.vue
+++ b/src/components/editor/QEditor.vue
@@ -55,8 +55,11 @@
 <script setup>
     import Quill from 'quill';
     import 'quill/dist/quill.snow.css';
-    import { onMounted, ref, watch, defineEmits, defineProps } from 'vue';
     import $api from '@api';
+    import { onMounted, ref, watch, defineEmits, defineProps } from 'vue';
+    import { useToastStore } from '@s/toastStore';
+
+    const toastStore = useToastStore();
 
     const props = defineProps({
         isAlert: {
@@ -132,27 +135,32 @@
             initCheckImageIndex();
         }
 
-        // 퍼온 영상 넣기
+        // 영상 넣기
         quillInstance.getModule('toolbar').addHandler('video', () => {
-            const url = prompt('iframe 태그가 포함된 주소를 입력해 주세요:');
-            if (url && url.indexOf('<iframe') != -1) {
-                //debugger;
-                //예시 <iframe width="560" height="315" src="https://www.youtube.com/embed/-nSHIYz5SOM?si=o5aVCkG8CfCeNvHY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-                //가라로 추출이라 불안정 할듯
+            const url = prompt('YouTube 영상 URL을 입력하세요:');
+            let src = '';
 
+            if (url?.trim() == '') return;
+
+            // 일반 youtube url
+            if (url.indexOf('watch?v=') != -1) {
+                src = url.replace('watch?v=', 'embed/');
+
+                // iframe 주소
+            } else if (url.indexOf('<iframe') != -1) {
                 // DOMParser를 사용하여 embeded url만 추출
                 const parser = new DOMParser();
                 const doc = parser.parseFromString(url, 'text/html');
                 const iframeEL = doc.querySelector('iframe');
-                const src = iframeEL.getAttribute('src');
-                const width = iframeEL.getAttribute('width');
-                const height = iframeEL.getAttribute('height');
-
-                // 에디터에 삽입
-                const index = quillInstance.getSelection().index;
-                quillInstance.insertEmbed(index, 'video', src);
-                quillInstance.setSelection(index + 1);
+                src = iframeEL.getAttribute('src');
+            } else {
+                toastStore.onToast('지원하는 영상 타입 아님', 'e');
+                return;
             }
+
+            const index = quillInstance.getSelection().index;
+            quillInstance.insertEmbed(index, 'video', src);
+            quillInstance.setSelection(index + 1);
         });
 
         // 이미지 업로드 기능 처리