내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 403

미디어 임베드 애드온

최초 등록일: 2021.05.01 조회수 : 826

무료

5.0점 / 총 15명 참여
  • 구매자 92
  • 소개 CKEditor에 미디어 사이트의 링크를 '붙여넣기'하면 임베드 코드로 '바로 변환' 시켜주는 애드온 
  • 설치경로 /addons/media_embed 
  • 지원환경 Rhymix 
  • 라이선스 GPL v2 
  • 분류 애드온
  • 제작자 윤삼
  • 다운로드
    media_embed.0.3.zip 14.26KB (잔여일 : -, 잔여횟수 : -)
    media_embed.0.4.0.zip 23.84KB (잔여일 : -, 잔여횟수 : -)

 

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   썸네일
Facebook Post와 Video만 지원  
Flickr   썸네일
Giphy   썸네일
Gfycat   썸네일
Imgru   썸네일
Instagram Post만 지원  
IMDb Video만 지원 썸네일
짤봇   썸네일
JSFiddle    
카카오TV 클립 및 라이브 영상 지원 썸네일
MLB.com 자막 지원(재생 loop는 제어 안 됨) 썸네일
네이버TV 클립 및 라이브 영상 지원 썸네일
Niconico (ニコニコ) 비디오, 라이브 영상 지원 썸네일
Pinterest 핀, 보드, 프로필 지원 썸네일
Prezi 프리젠테이션 및 영상 지원 썸네일
Reddit    
Relive   썸네일
SlideShare   썸네일
SoundCloud   썸네일
Spotify 미리듣기만 지원  
Streamable   썸네일
TED   썸네일
Tenor   썸네일
Tiktok   썸네일
TVCF (한국 광고 영상 서비스) 썸네일
Tumblr 포스트 지원 썸네일
Twitch   썸네일
Twitter 프로필 타임라인, 프로필 리스트, Post만 지원  
Vimeo   썸네일
Vlive   썸네일
Youtube   썸네일

 

 

4. 데모

 

(CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다.

https://dev.aporia.blog/board_fKje44/category/35668

 

 

5. 버그 제보 및 건의

 

이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다.

https://xetown.com/topics/1564294

의견은 이쪽에서 남겨주세요~

 

 

profile
많이 아는 건 없고 조금 알아서 무서운 선무당입니다.

댓글 '31'

프로필 사진 profile
하나코군 2021.05.01 22:45 댓글 별점
믿고쓰는 최고의 자료 항상 감사합니다!
프로필 사진 profile
윤삼 2021.05.01 23:22 댓글 별점
버그 발견되면 말씀해주세요~~
https://xetown.com/topics/1564294
프로필 사진 profile
보고하비 2021.05.01 22:45 댓글 별점
멎지네요 역시 윤삼님!
프로필 사진 profile
윤삼 2021.05.01 23:23 댓글 별점
애용 부탁해용~
프로필 사진 profile
내강아지 2021.05.02 07:33 댓글 별점
정말 감사합니다!! 트위치 사운드클라우드까지 되다니 너무 좋아요 ㅠㅠ
프로필 사진 profile
윤삼 2021.05.02 09:10 댓글 별점
근데 트윗치 iframe이 반응 속도가 좀 느린 게 흠이라면 흠이더라구요. 흠..
프로필 사진 profile
마음의빈자리 2021.05.02 09:02 댓글 별점
엄청난 작업을 하셨네요! 감사드립니다!
프로필 사진 profile
윤삼 2021.05.02 10:24 댓글 별점
ㅎㅎㅎ 여유 있으실 때 피드백도 부탁드려요~
프로필 사진 profile
마음의빈자리 2021.05.02 12:58 댓글 별점
알겠습니다! 넘넘 수고많으세요 ^^
프로필 사진 profile
adlib 2021.05.02 11:52 댓글 별점
이제서야 설치하네요.
감사합니다.
프로필 사진 profile
윤삼 2021.05.02 11:57 댓글 별점
필요한 사항 있으면 언제든 문의 주세요~
프로필 사진 profile
adlib 2021.05.02 12:17 댓글 별점
넵 지금 설치해서 테스트 중입니다.
문제점이 보이면 피드백 드리겠습니다.
감사합니다.
프로필 사진 profile
혜구 2021.05.02 13:18 댓글 별점
최고입니다!
프로필 사진 profile
벨로위키 2021.05.02 18:59 댓글 별점
선추후사 괴물 애드온이네요. 기존에 유튜브 출력 애드온은 삭제하면 되는걸까요?
프로필 사진 profile
윤삼 2021.05.02 19:14 댓글 별점
네, 그러셔도 됩니다~
프로필 사진 profile
핑크두유 2021.05.03 01:27 댓글 별점
프로필 사진 profile
liberta 2021.05.23 18:00 댓글 별점
주소를 입력하자마자 바로 출력이 되어서 깜짝 놀랐습니다.
프로필 사진 profile
karius 2021.06.23 17:24 댓글 별점
안녕하세요. 오랜만에 댓글을 남기네요 ㅎㅎ
적용이 조금늦었습니다만 정말 좋은애드온이네요,, 언제나그렇듯 별 5개입니다 ㅎㅎ
라이믹스 필수 애드온 제작자 윤삼님 감사드립니다!
프로필 사진 profile
맥스터 2021.06.25 04:08 댓글 별점
안녕하세요!
제 홈페이지에 적용해보려고 하는데
유튜브,비메오 같은건 정상 출력되는데 트위터가 출력이 안되서요ㅜ
위에 설명해주신대로 코드 넣고 그랬는데 어떤 문제가 있는지 모르겠어서 글 남겨 보아요 ㅜ
https://voiceits.com/test/38799
데모사이트에서도 정상 출력되는데 뭐가 문제인지 알수있을까요?
프로필 사진 profile
윤삼 2021.06.25 19:45 댓글 별점
의견이나 문의는 이쪽에 남겨주세요. https://xetown.com/topics/1564294
링크 페이지 검토 결과, 사용하시는 다른 서드파티 자료와 충돌이 있는 것 같습니다.
프로필 사진 profile
맥스터 2021.06.25 21:25 댓글 별점
답변 감사합니다 다른 애드온 꺼보면서 다시 확인해봐야겠네요
프로필 사진 profile
앙문재 2021.06.25 21:45 댓글 별점
수고많으셨습니다
프로필 사진 profile
벨로위키 2021.06.26 13:39 댓글 별점
드이어 4.0 버전이네요! 감사 합니다!!
프로필 사진 profile
윤삼 2021.06.26 13:42 댓글 별점
더 지체하면 안 될 것 같아 작업 중이던 것을 일단 중간 정리해서 공개했어요.
https://xetown.com/point_contents/1564278#user_content_1-040
업데이트 내용 확인하시고 적용해주세요~
프로필 사진 profile
벨로위키 2021.06.26 14:06 댓글 별점
이미 적용 했습니다. 핀터레스트부터 테스트 해봤는데 매우 잘되네요. 정말 고생하셨습니다.
프로필 사진 profile
맥스터 2021.06.26 13:48 댓글 별점
수고하셨습니다!!!
업데이트하니까 정상출력되네요!!

정말 최고에요!
프로필 사진 profile
스포 2021.06.29 16:18 댓글 별점
아직 임베드 정렬 좌,우,중앙 설정이 불가능 하군요 ㅠㅠ 아쉽지만 그래도 잘 사용하고있습니다
프로필 사진 profile
지구침략자 2021.06.30 16:45 댓글 별점
감사히 잘 사용하겠습니다~~~ ^^
프로필 사진 profile
longfafa 2021.07.10 17:21 댓글 별점
감사합니다
프로필 사진 profile
누리고고고 2021.09.14 16:10 댓글 별점
감사합니다 ( - - ) ( _ _ )
프로필 사진 profile
눈팅용 2021.10.21 03:04 댓글 별점
링크 텍스트도 표시를 설정해도 글 등록시 링크텍스트가 증발합니다.


링크텍스트처리: 링크텍스트도 표시 (표시가 안되고 삭제가 되네요. 유튜브,트위터는 정상적으로 불러와집니다 그런데 URL주소는 남지 않고 없어지네요)