사이냅 에디터 문서
Space shortcuts
Page tree

Versions Compared

Old Version 29

changes.mady.by.user editor

Saved on

compared with

New Version 30

changes.mady.by.user editor

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

구성설명예시
pathParts

URL에서 ID 앞에 위치한 경로(Path)를 설정합니다.
해당 경로가 있는 경우 변환할 embedTemplate 설정합니다.


Code Block
'youtu.be': {
    pathParts: {
        '': 'https://www.youtube.com/embed/{id}' // 도메인 바로 뒤에 ID가 있는 경우
    }
}


Code Block
'youtube.com': {
  pathParts: {
        'shorts': 'https://www.youtube.com/embed/{id}', // ID가 'shorts' 뒤에 있는 경우
        'live': 'https://www.youtube.com/embed/{id}'  // ID가 'live' 뒤에 있는 경우
    }
}
parameter

URL에서 ID가 특정 키의 값으로 설정된 파라미터를 의미합니다.

해당 키가 있는 경우 변환할 embedTemplate 설정합니다.


Code Block
'youtube.com': {
    parameters: {
        'v': 'https://www.youtube.com/embed/{id}' // ID가 파라미터 v의 값으로 설정된 경우    }
}
embedTemplate

URL을 embed 형태로 변환하기 위한 템플릿입니다.

  • embedTemplate: 'https://youtube.com/embed/{id}' - ID를 이용해 embed 형태의 YouTube URL로 변환
Note

embedTemplate 형태로 URL을 변환할 때 기존 Domain과 변환된 URL의 Domain이 달라질 경우,

editor.upload.video.embedURLTransformers에 새로운 Domain을 등록해야 비디오를 iframe으로 생성할 수 있습니다.

ex)

Code Block
languagejs
'editor.upload.video.embedURLTransformers': {
    'youtu.be': {
        pathParts: {
            '': 'https://www.youtube.com/embed/{id}'
        }
    },
    'youtube.com': {
        pathParts: {
            'shorts': 'https://www.youtube.com/embed/{id}',
            'live': 'https://www.youtube.com/embed/{id}',
        },
        parameters: {
            'v': 'https://www.youtube.com/embed/{id}'
        }
    }
}

https://youtu.be/-VI9Jp5807s URL을 https://www.youtube.com/embed/-VI9Jp5807s로 변환했을 때, 도메인이 youtu.be에서 www.youtube.com으로 변경됩니다.

이 경우, www.youtube.com을 editor.upload.video.embedURLTransformers에 등록해야 iframe으로 생성됩니다.


...