0.4.0 업데이트 (21-06-26)
- 업데이트 내용은 여기를 참조
- 0.4.0부터는 프로알라 에디터에 대한 지원이 포함되지 않습니다. 업로드된 파일에 프로알라 에디터 부분이 있기는 하지만, 그 기능은 0.3 버전과 다르지 않습니다.
1. 소개
CK에디터에 주요 미디어의 url 링크를 붙여넣으면 바로 임베드시켜주는 애드온입니다.
- 라이믹스 2.0.12
- PHP 7.4
- 크롬 버전 89.0.4389.114(공식 빌드) (64비트)
- CK에디터4(라이믹스 내장)
등의 환경에서 테스트되었습니다.
따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다.
2. 설정
또한 원활한 임베딩을 위해 관리자 페이지에서 다음과 같은 설정이 필요합니다.
1. 설정 > 시스템 설정 > 보안 설정 > iframe에 다음을 추가
m.afreecatv.com player.audiop.naver.com codepen.io www.dailymotion.com www.facebook.com www.imdb.com www.instagram.com jsfiddle.net tv.kakao.com tv.naver.com prezi.com www.redditmedia.com www.slideshare.net w.soundcloud.com open.spotify.com embed.ted.com www.tiktok.com play.tvcf.co.kr clips.twitch.tv player.twitch.tv platform.twitter.com player.vimeo.com vlive.tv www.youtube.com vod.afreecatv.com www.airbnb.co.kr www.airbnb.com bandcamp.com codesandbox.io share.ellentube.com giphy.com gfycat.com imgur.com jjalbot.com www.relive.cc streamable.com tenor.com embed.tumblr.com
2. 설정 > 시스템 설정 > 보안 설정 > HTML class에 다음을 추가
media_embed fb-post fb_iframe_widget_fluid_desktop fb-xfbml-parse-ignore fb-video instagram-media instagram-media-rendered tiktok-embed twitter-status twitter-timeline airbnb-embed audioclip-embed bandcamp-embed codepen-embed codesandbox-embed fb_iframe_widget flickr-embed flickr-embed-video giphy-embed giphy-embed-photo giphy-embed-video gfycat-embed gfycat-embed-group gfycat-embed-single imgur-embed imgur-embed-iframe-pub instagram-embed jjalbot-embed jsfiddle-embed nico-embed-live nico-embed-video pinterest-embed pinterest-pin pinterest-board pinterest-profile reddit-embed relive-embed soundcloud-embed spotify-embed tenor-video-embed tumblr-post tumblr-embed tumblr-embed-loaded twitter-list twitter-profile twitter-tweet youtube-shorts
3. 에디터 > 공통 설정 > '플러그인 제거' 입력란에 iframe 을 기입
3. 지원 사항
본 애드온은 미디어 임베딩과 관련하여 다음과 같은 사항을 지원합니다.
서비스 | 비고 | 썸네일 |
---|---|---|
아프리카TV | 클립 및 라이브 영상 지원 | 썸네일 |
Airbnb | 숙소, 체험 | |
오디오클립 | (네이버에서 제공하는 오디오북) | 썸네일 |
Codepen | 썸네일 | |
Code Sandbox | 썸네일 | |
Dailymotion | 썸네일 | |
Ellentube | 썸네일 | |
Post와 Video만 지원 | ||
Flickr | 썸네일 | |
Giphy | 썸네일 | |
Gfycat | 썸네일 | |
Imgru | 썸네일 | |
Post만 지원 | ||
IMDb | Video만 지원 | 썸네일 |
짤봇 | 썸네일 | |
JSFiddle | ||
카카오TV | 클립 및 라이브 영상 지원 | 썸네일 |
MLB.com | 자막 지원(재생 loop는 제어 안 됨) | 썸네일 |
네이버TV | 클립 및 라이브 영상 지원 | 썸네일 |
Niconico (ニコニコ) | 비디오, 라이브 영상 지원 | 썸네일 |
핀, 보드, 프로필 지원 | 썸네일 | |
Prezi | 프리젠테이션 및 영상 지원 | 썸네일 |
Relive | 썸네일 | |
SlideShare | 썸네일 | |
SoundCloud | 썸네일 | |
Spotify | 미리듣기만 지원 | |
Streamable | 썸네일 | |
TED | 썸네일 | |
Tenor | 썸네일 | |
Tiktok | 썸네일 | |
TVCF | (한국 광고 영상 서비스) | 썸네일 |
Tumblr | 포스트 지원 | 썸네일 |
Twitch | 썸네일 | |
프로필 타임라인, 프로필 리스트, Post만 지원 | ||
Vimeo | 썸네일 | |
Vlive | 썸네일 | |
Youtube | 썸네일 |
4. 데모
(CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다.
https://dev.aporia.blog/board_fKje44/category/35668
5. 버그 제보 및 건의
이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다.
https://xetown.com/topics/1564294
의견은 이쪽에서 남겨주세요~