미디어 임베드 애드온
| 자료 유형 | 애드온 |
|---|---|
| 간단한 소개 | CKEditor에 미디어 사이트의 링크를 '붙여넣기'하면 임베드 코드로 '바로 변환' 시켜주는 애드온 |
| 설치 경로 | ./addons/media_embed |
| 코어 지원 범위 | Rhymix 2.0 |
| PHP 지원 범위 | 기타 |
| 자료 구분 | 공개 자료 |
| 라이선스 | GPL v2 |
| 파일명 | 버전 | 날짜 | 용량 | 다운 |
|---|---|---|---|---|
| media_embed.0.6.7.zip | 0.6.7 | 2022.12.02 | 40.3KB | 298 |
| media_embed.0.6.6.zip | 0.6.6 | 2022.11.01 | 40.2KB | 125 |
| media_embed.0.6.5.zip | 0.6.5 | 2022.09.04 | 39.5KB | 139 |
| media_embed.0.6.4.zip | 0.6.4 | 2022.08.25 | 40.1KB | 113 |
| media_embed.0.6.3.zip | 0.6.3 | 2022.06.05 | 40.2KB | 152 |
| media_embed.0.6.2.zip | 0.6.2 | 2022.04.03 | 39.3KB | 145 |
| media_embed.0.6.1.zip | 0.6.1 | 2022.03.30 | 39.1KB | 119 |
| media_embed.0.6.0.zip | 0.6.0 | 2022.02.17 | 29.5KB | 154 |
| media_embed.0.5.2.zip | 0.5.2 | 2022.02.13 | 27.1KB | 123 |
| media_embed.0.5.1.zip | 0.5.1 | 2022.02.10 | 26.3KB | 122 |
| media_embed.0.5.0.zip | 0.5.0 | 2022.02.03 | 24.7KB | 137 |
| media_embed.0.4.0.zip | 0.4.0 | 2021.06.26 | 23.8KB | 206 |
| media_embed.0.3.zip | 0.3 | 2021.05.01 | 14.3KB | 199 |
0.6.7 업데이트 (22-12-02)
1. 일반적인 개선
- 미디어 임베드 애드온은 이번 0.6.7 버전을 끝으로 지원을 종료합니다.
- 미디어 임베드 기능은 링크 프리뷰 모듈로 통합되었으므로 해당 자료를 이용해주시면 되겠습니다.
- https://xetown.com/download/1724355
2. 개별 콘텐츠 개선
- KAKAO TV: 재변경된 아이프레임 주소 대응(tv.kakao.com)
0.6.6 업데이트 (22-11-01)
1. 일반적인 개선
- cors 적용시 메타태그를 통해 refresh 되는 대상 url을 추적함
- 이번 버전이 본 애드온의 마지막 버전이 될 예정입니다. 이후에는 모듈화하여 (그리고 위키피디아 및 유튜브 뮤직 제거해서) 버그 수정 및 기능 개선을 제공할 계획입니다.
2. 개별 콘텐츠 개선
- NAVER VIBE: 신규
- NAVER VOD: 네이버 영화 트레일러 파라미터 오류 수정
- NAVER VOD: 네이버 스포츠/게임 E-sports 영상 주소 변경 반영
- NAVER VOD: 네이버 쇼핑라이브 추가 지원
- DAUM NEWS: 주소 리다이렉트 변경 방식 반영
- KAKAO TV: 숏폼(베타) 콘텐츠 대응
- KAKAO TV: 변경된 아이프레임 주소 대응
- APPLE MUSIC: sandbox 옵션 추가에 대응하여 재생 활성화
- YOUTUBE MUSIC: 저작자 이름에서 '- TOPIC' 접미사를 제거
- YOUTUBE MUSIC: 에디터의 iframe 태그에도 src 속성 부여
3. 이번 0.6.6에서 추가해야 할 보안 설정(기존 0.6.5 사용자 한정)
- 설정 > 시스템 설정 > 보안 설정 > 외부 멀티미디어 허용
vibe.naver.com view.shoppinglive.naver.com play-tv.kakao.com
0.6.5 업데이트 (22-09-05)
1. 일반적인 개선
- 문서 인쇄 화면, 미리보기 화면에서도 애드온 동작 적용
2. 개별 콘텐츠 개선
- SOUNDCLOUD : 새로 추가된 짧은 주소 형식에 대응
- TIKTOK: 프로필 페이지도 임베드 지원 포함
0.6.4 업데이트 (22-08-25)
1. 일반적인 개선
- 붙여넣기 동작시에 클립보드 내용이 플레인 텍스트가 아닌 html 텍스트인 경우에도 임베딩을 시도함
(특히 그동안 네이버 클립보드의 html 텍스트가 인식이 안 되는 경우가 있었음)
2. 개별 콘텐츠 개선
- PINTEREST: oEmbed 지원에 따라 대응
- WIKIPEDIA: 캡션 텍스트가 없어도 이미지를 가져올 수 있게 수정
0.6.3 업데이트 (22-06-05)
1. 개별 콘텐츠 개선
- YOUTUBE MUSIC : 유튜브의 아이프레임 객체 지정 방식 변화에 대응
- YOUTUBE MUSIC : 비디오ID가 없는 재생목록의 경우 저자 이름과 url을 제공자 정보로 대체
2. 신규 지원
- WIKIPEDIA: 신규지원 | wikipedia-embed
3. 이번 0.6.3에서 추가해야 할 보안 설정(기존 0.6.2 사용자 한정)
- 설정 > 시스템 설정 > 보안 설정 > HTML class
wikipedia-embed
소개 및 설치 방법
https://dev.aporia.blog/board_fKje44/36577
미리보기
https://dev.aporia.blog/board_fKje44/category/35668
버그 제보 및 건의
이곳 댓글은 소통이 제한적이어서 버그 제보 및 의견은 따로 듣고자 합니다.
https://dev.aporia.blog/board_fKje44/36669
이쪽에서 남겨주세요~
윤삼
Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
댓글 96
대댓글도 하시면서 두개나...!!
항상감사드립니다!!
유튜브 뮤직 부분도 좀 더 다듬긴 해야 하는데(기능면에선 괜찮아요ㅋ), 아프리카쪽 주소 체계 변경이 급해서 일단 공유하게 됐습니다~
그런데 윤삼님... 요즘 너무 무리하시는 건 아닌지 걱정됩니다.
.media_embed_wrapper {
margin: 0 auto; text-align: left;
}
오늘 오후 좀 늦은 시간에 직접 확인해보도록 하겠습니다~
.media_embed_wrapper {
margin: 0; text-align: left;
}
이라고 해보세요.
제가 사용하던 파일이 압축으로 묶여서 그렇게 된 것 같아요.
혹시 다음 버전이 나오게 된다면 custom.css는 아무래도 빈 파일로 제공을 해야겠네요;;;
감사히 잘 사용하겠습니다.
이미지 + 유튜브 영상이 나옵니다.
PC에서는 유튜브 영상만 정상적으로 출력이 되구요.
윤삼님 소개페이지에 보면 영상들이 모바일에서 가로 꽉차게 사이즈가 되어 있지만
저 같은 경우 작게 출력이 됩니다.
제가 설정을 잘못 한 것일까요?
운영하는 다른사이트도 마찬가지네요
서드파티 에디터 자동완성 모듈 때문인것 같은 예상은 됩니다.
버거 라기 보다는 0.4버전 이후로
시스템설정 > 고급 설정 >
스크립트 자동 압축, 스크립트 합치기를
모든 파일을 압축 and JS만 합침 or CSS와 JS를 모두 합침을 사용으로 선택시
확장변수 출력 안됨
메뉴 토글 안됨
CK에디터 본문 입력부분 출력 되지 않습니다.
제가 뭔가 발견해낸 것일 수도 있는데ㅎㅎ 그게 뭔지는 잘 모르겠더라구요;;;
덕분에 최신버전 적용잘했습니다 감사합니다!
윤삼님.. 공유해 주신 인스타 애드온 질 사용하고 있습니다. 감사합니다. 다름아니라... 첨부이미지와 같이 사이즈가 자동으로 스마트폰에 맞춰지는데 불러 온 인스타 화면을 제가 원하는 사이즈 또는 좀더 키울수 있는 방법이 잇는지요?
.media_embed.instagram-embed .instagram-media {
max-width: none !important;
}
라고 입력해서 사용해보세요.
만약 그렇다면 이쪽 댓글로 문의해주세요.
https://xetown.com/download/1724355
그리고 문제되는 url도 알려주시면 좋겠습니다~
넹 관련사항 다음에는 더 자세히 알려드릴게여 ㅋ
업데이트하셔서 웬지 잘될거같은데 테스트 해보고....우와!~~
아름답습니다!! 모듈짱이에요~~
라이믹스 1.9X버전으로 미디어 임베드를 쓰고 있는데
관리자 아이디로 링크걸고 글을 업로드하면 임베드도 잘되고 카드 안에 내용도 잘보이는데
관리자가 아닌, 일반회원의 아이디로 접속한 상태에서 링크를 걸고 글을 업로드하면
카드 안에 내용이 아예 보이지 않습니다
그냥 흰색으로 채워지네요
근데 또 글쓰고있는 중에는 임베드가 잘되서 카드 내부 내용이 잘보입니다
글을 등록만 하면 자꾸 사진처럼 아무것도 안보이네요..
방법이 있을까요?
아마도 보안설정 > 외부 멀티미디어 허용에서 www.instagram.com이 빠져 있는 게 아닌가 싶습니다.
https://dev.aporia.blog/board_fKje44/36577 참고
그것도 확인해보았는데
instagram이 들어가 있습니다..
다른 애드온들을 껏다 켜보기도 했는데 해결되진 않네용..
그래서 프리뷰를 설치해서 해보았는데
$this when not in object context
이런 말이 뜨면서 오류가 떠서 관리자 페이지에서 모듈 설정페이지 자체가 안들어가 지더라구용..
그리고 글을 작성할때는
이렇게 잘나오는데 등록을 누르면 갑자기 소스코드가 변하면서 흰배경만 나오네용..
감사합니다!!
제가 트위터 유저가 아니다보니...
그나저나 바뀐 체계에서 자동 임베드가 가능할지는 해봐야 알 것 같아요.
그리고 업데이트가 있더라도 미디어 임베드 애드온은 더 이상 어렵고 링크 프리뷰 모듈로 제공될 것 같습니다 :)
twitter.com이 기존이고
x.com이 새로운 주소더라구요..
근데 또 혼합해서 나오나봐요,,! (피씨 기준으로 봤을때 상단 링크는 트위터로 뜨고, 공유하기로 주소 복사시 X.com으로 뜨더군요 (밑에 말씀 확인했습니당!)
링크 프리뷰 모듈 기준 tpl/js/_ckeditor.js 파일을 보면
var twitterRegExp = ~~~~ 으로 시작하는 행이 있는데요.
거기를
var twitterRegExp = /^https?:\/\/(?:www\.)?(?:twitter|x)\.com\/(?!explore|login|settings|tos|privacy|search|i\/flow|i\/events|i\/moments)(\w+){1,15}(?:\/(?:(status|lists))?)?(?:\/([0-9a-zA-Z-_]+)(?:\?.+)?)?$/;
으로 바꿔주면 되는 것 같습니다.
미디어 임베드 애드온은 테스트를 안 해봐서 잘 모르겠습니다만,
거기에서도 _ckeditor.js 파일이 있을 텐데 위의 방법으로 테스트해보세요.
혹시
ckeditor, froalaeditor 만 지원하는것 같은데
https://xeplus.io/testboard_editor 이에디터에서도 추가적으로 사용할 수 있게 수정이 가능할까요?
물론 에디터에서 이벤트를 지원해줘야겠구요.