이온디

유튜브 링크를 가져올 때 바로 iframe으로 변환해주는 코드입니다.

document.addEventListener("DOMContentLoaded", function () {
    const editor = document.querySelector(".fr-element");

    if (editor) {
       editor.addEventListener("paste", function (event) {
          console.log('Paste event detected');
          event.preventDefault();

          // 클립보드 데이터 가져오기
          let clipboardData = (event.clipboardData || window.clipboardData).getData("text");

          // 유튜브 링크 정규식
          let regex = /(https?:\/\/)?(www\.)?(youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)/;

          // 유튜브 링크에서 ?si= 파라미터를 제거
          clipboardData = clipboardData.replace(/([?&])si=[^&]*/, '');

          // 유튜브 링크를 iframe으로 변환
          let newContent = clipboardData.replace(regex, function (match, p1, p2, p3, videoId) {
             // iframe을 생성하고 반환
             return `
                   
               
 
`;
          });

          // 변환된 내용 붙여넣기
          document.execCommand("insertHTML", false, newContent);
       });
    }
});

#프로알라에디터