내정보

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

유튜브 링크 바로 임베드 애드온

최초 등록일: 2021.04.08 조회수 : 803

무료

5.0점 / 총 19명 참여
  • 구매자 89
  • 소개 CKEditor와 FroalaEditor에 유튜브 링크를 '붙여넣기'하면 유튜브 임베드 코드로 '바로 변환' 시켜주는 애드온 
  • 설치경로 /addons/youtube_converter 
  • 지원환경 Rhymix 
  • 라이선스 GPL v2 
  • 분류 애드온
  • 제작자 윤삼
  • 다운로드
    youtube_converter.0.2.zip 3.49KB (잔여일 : -, 잔여횟수 : -)
    youtube_converter.0.2.1.zip 3.91KB (잔여일 : -, 잔여횟수 : -)

 

CK에디터에 유튜브 링크를 붙여넣으면 임베드 영상(반응형)을 바로 띄워주는 애드온입니다.

본문 하단에 예시 영상이 있습니다.

  • 라이믹스 2.0.9 (1.9.* 버전대도 호환 확인)
  • PHP 7.4
  • 크롬 버전 89.0.4389.114(공식 빌드) (64비트)
  • CK에디터4(라이믹스 내장) + 프로알라 에디터2(라르게덴님 버전)

등의 환경에서 테스트되었습니다.

따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다.

 

CK에디터의 경우

  • 관리자 페이지에서 시스템 설정 > 보안 설정 > HTML class에 youtube_converted를 추가해줘야 합니다.
  • 또한 (읽기 화면뿐 아니라 에디터 안에서도 유튜브 임베드 영상을 바로 보고 싶으시다면) 에디터 > 공통 설정 > 플러그인 제거에서 iframe을 기입하셔야 합니다.

 

 

0.2.1 업데이트

  • 2021-04-09
  • dispBoardContent 액션에서 문서번호가 없거나 문서가 댓글 허용이 아닐 경우 애드온 작동 중지
  • 몇몇 다른 url을 유튜브로 임베딩하는 오류 수정 (skyo님)
  • 유튜브 시작 시간 및 리스트도 인식 (skyo님)

 

0.2 업데이트

  • 2021-04-08
  • 라이믹스 1.9 버전대 지원을 위해 php 소스 수정 (skyo님)
  • 게시글 본문 화면에서 댓글 에디터에서 링크 변환이 되지 않던 버그 수정
  • [ckeditor] 유튜브 영상 로딩 시간 동안 출력되는 썸네일 이미지의 용량을 줄이고 blur 효과 처리
  • [froalaeditor] 유튜브 임베드 영상 변환 후 하단에 빈 줄 입력 (skyo님)

 

 

CK에디터의 경우

 

 

 

프로알라 에디터의 경우

 

 

 

CK에디터는 여기서 테스트하실 수 있습니다

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

 

 

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

댓글 '44'

프로필 사진 profile
adlib 2021.04.08 13:42 댓글 별점
팬 1호 빠른 업데이트 항상 감사합니다.
프로필 사진 profile
윤삼 2021.04.08 14:14 댓글 별점
앗 감사합니다! 더 큰 노력과 정성으로...ㅎㅎㅎ
프로필 사진 profile
산소아빠 2021.04.08 14:30 댓글 별점
추진력이 엄청나신 윤삼님. 라이믹스의 자랑!! ㅎ 혹시 확장변수업로드 모듈에서 첨부된 파일은 본문에 삽입하게 하는 애드온도 만들어보실 생각이 없으신지요. ㅎ.... ㅎ.... ㅎ....
프로필 사진 profile
윤삼 2021.04.08 14:41 댓글 별점
그 모듈은 언젠가 써봐야지 하긴 했지만 아직 쓸 일이 없어서 제가 잘 몰라요;;;
프로필 사진 profile
웅돌프 2021.04.08 14:36 댓글 별점
항상 유용한 자료 너무 감사드립니다.
프로필 사진 profile
윤삼 2021.04.08 14:42 댓글 별점
유용하게 써주신다면 제가 감사하죠 ㅎㅎ
프로필 사진 profile
웅돌프 2021.04.09 14:50 댓글 별점
저도 실력만 되면 윤삼님 처럼 라이믹스 발전에 도움이 되고 싶은데
코린이라...ㅠ 항상 감사하며 살고 있습니다.
프로필 사진 profile
윤삼 2021.04.09 15:09 댓글 별점
저야 선무당이어서 멱살이나 안 잡히면 다행이구요ㅋ
웅돌프님은 저랑 다르게 기초부터 차근히 밟아나가시면 금방 하실 수 있을 겁니다.
프로필 사진 profile
skyo 2021.04.08 16:11 댓글 별점
최고 입니다.!!
공유 링크 중에 시작 시간이 붙은 것은 무시 되는듯 합니다. 가능하다면 굳이 시간 피라미터 날리지 말고 그냥 붙여 주시면 고맙겠습니다.
https://youtu.be/TODYxvaRTJw?t=15
p.s 근데 팬 1호는 저 아닙니까!!
프로필 사진 profile
윤삼 2021.04.08 18:09 댓글 별점
아 쿼리스트링이 있었죠!
일단 직관적으로는 파라미터 분해해서 iframe 속성으로 세팅하면 될 것 같은데, 만약 기상천외한 방식으로 해야 해서 뭔가 종잡기 힘든 상황이라면 유튜브 api를 이용해야 하는 그런 상황일 수도 있겠습니다ㅜ
... 이런 저에게 팬이 있을리가요ㅜ
프로필 사진 profile
산소아빠 2021.04.08 21:47 댓글 별점
팬입니다
프로필 사진 profile
윤삼 2021.04.09 06:14 댓글 별점
하핫, 몸둘 바를 모르겠습니다;;;
프로필 사진 profile
산소아빠 2021.04.09 07:07 댓글 별점
몇호인지는 모르겠지만 조사해보면 팬클럽도 만들 수 있을 정도는 될꺼같네요. ㅎ 오늘도 좋은 하루되세요~
프로필 사진 profile
윤삼 2021.04.09 07:16 댓글 별점
ㅋㅋㅋㅋ 산소아빠님도 좋은 하루 되세요~~
프로필 사진 profile
웹조아 2021.04.08 23:41 댓글 별점
감사합니다
프로필 사진 profile
하나코군 2021.04.09 02:02 댓글 별점
감사합니당!!
프로필 사진 profile
핑크두유 2021.04.09 08:56 댓글 별점
ㅊㅊ!
프로필 사진 profile
karius 2021.04.09 12:14 댓글 별점
항상 좋은 애드온,모듈 감사합니다~
프로필 사진 profile
윤삼 2021.04.09 12:35 댓글 별점
별 다섯 개 추가라는 알림도 왔었는데 댓글을 바로 지우셨나봐요ㅎ
아마 별점 추가에는 실패하신 모양입니다ㅋㅋㅋ
프로필 사진 profile
karius 2021.04.09 14:44 댓글 별점
구매전에,, 댓글을달고 별달려고 또댓글달았다가 ㅎㅎ 그전 덧글에도 적용되더라구요!
프로필 사진 profile
윤삼 2021.04.09 15:07 댓글 별점
몰라요. 별 열 개라고 생각하겠습니닼ㅋㅋㅋㅋ
프로필 사진 profile
jear 2021.04.11 11:44 댓글 별점
임베드할떄 유튜브 썸네일이 자동첨부 되나요?
프로필 사진 profile
윤삼 2021.04.11 12:32 댓글 별점
파일 첨부는 아니고 외부이미지로 태그를 뿌려줍니다~
프로필 사진 profile
jear 2021.04.11 13:12 댓글 별점
앗 사용중인 이미지 자동 첨부 애드온때문에 썸네일 이미지 태그가 외부이미지로 자동으로 첨부되네요. 감사합니다.
프로필 사진 profile
윤삼 2021.04.11 14:59 댓글 별점
저도 직접 해본 건 아닌데, 그리고 원하시는 게 아닐 수도 있긴 하겠지만ㅋ 둘이 호환성이 있을 것 같긴 하더라구요.
프로필 사진 profile
drebinset 2021.04.12 12:07 댓글 별점
그렇지 않아도 필요하던 참이었는데 정말 감사합니다. :)
한가지 건의를 드려도 될까요?
저만 그런지 모르겠지만, 영상을 붙여넣기하면 사이즈가 100%로 임베드되어 보기 불편해서
유튜브에서 제공하는 공유태그와 동일하게 width 560 height 315 으로 개인적으로 변경해서 사용중입니다.
혹시 같은 불편을 느끼는 분들이 계시다면, 기본 사이즈로 조정하거나, 아니면 설정에서 결정할 수 있게하면 좋을 거 같습니다.
다시 한번 감사드립니다.
프로필 사진 profile
윤삼 2021.04.12 14:02 댓글 별점
네, 애드온에 있는 css를 수정해서 당분간 사용하시면 됩니다 :)
설정에 관해선 더 필요한 게 없나 취합해보고 고민해보겠습니다~
프로필 사진 profile
간장게장 2021.04.15 00:19 댓글 별점
대박 멋짐.
이건 뭐 ~~~ ^^ 만쉐이!
프로필 사진 profile
마음의빈자리 2021.04.17 07:20 댓글 별점
윤삼님 최고!
프로필 사진 profile
대한국인 2021.04.17 11:59 댓글 별점
좋은 프로그램을 공개해 주셔서 고맙습니다. ^^
근데 IE에서는 에디터에 붙여넣기만 무반응이지만, 크롬, 네이버 웨일, 엣지에서는 잘 되네요.
프로필 사진 profile
대한국인 2021.04.17 13:55 댓글 별점
[댓글]을 허용하면, 영상이 게시판 본문란에 딱 맞춰서 출력되지만,
[댓글]을 허용 안하면, 영상의 대표이미지와 나란히 작게 출력됩니다.

원래 그런건지요?
브라우저 종류에 상관없이 모두 동일합니다.
프로필 사진 profile
윤삼 2021.04.17 17:37 댓글 별점
버그인 것 같습니다. 댓글 허용이 아닌 경우 (댓글에서 에디터를 쓸 일이 없기 때문에) 본문에서 js 실행을 안하게끔 했는데 css 실행까자 막힌 것일 수도 있겠어요.
한번 살펴보겠습니다.
프로필 사진 profile
윤삼 2021.04.17 17:44 댓글 별점
youtube_converter.addon.php 파일을 보면

if ( $this->act === 'dispBoardContent' )
{
$oDocument = Context::get('oDocument');
if ( !$oDocument->document_srl || $oDocument->get('comment_status') !== 'ALLOW' )
{
return;
}
}

이라는 부분이 있을 텐데요. 급한대로 이 부분을 삭제해보시겠어요?
프로필 사진 profile
대한국인 2021.04.17 17:50 댓글 별점
알려주신 코드를 삭제하고,
해당 게시글에서 [댓글] 차단한 다음에 보니,,, 잘 되네요. 고맙습니다. ^^
프로필 사진 profile
벨로위키 2021.04.20 09:38 댓글 별점
너무 잘쓰고 있는데 별을 안드렸었네요!
프로필 사진 profile
윤삼 2021.04.20 10:00 댓글 별점
별은 사랑이죠 ㅎㅎㅎ
프로필 사진 profile
맥스터 2021.04.21 08:50 댓글 별점
정말 멋진 애드온이네요 감사합니다!!
추천 별 꾸욱!!
혹시
차기 버전이 있으시다면
유튜브 자동 재생 기능은 추가 예정이 없으실까요!
프로필 사진 profile
윤삼 2021.04.21 09:14 댓글 별점
애드온으로 설정을 둘 수 있겠네요. 고민해보겠습니다~
프로필 사진 profile
맥스터 2021.04.21 12:41 댓글 별점
👍👍👍
프로필 사진 profile
hohohogood 2021.04.22 11:10 댓글 별점
어제 처음 적용했습니다.
아주 좋습니다.
소스 붙이고 사이즈 수정하는 번거로움이 사라졌습니다.
꽉 찬 느낌...아주 좋습니다.

고맙습니다. ^^
프로필 사진 profile
eondcom 2021.08.23 16:23 댓글 별점
감사합니다. 덕분에 유용하게 잘 쓰고 있습니다. ^^
프로필 사진 profile
펀조아 2021.11.06 21:00 댓글 별점
유용한 자료 감사히 잘쓰겠습니다
프로필 사진 profile
옹피 2021.11.18 08:42 댓글 별점
좋은 에드온 잘 사용하겠습니다!!
감사합니다^^
프로필 사진 profile
jmjim 2021.11.25 09:09 댓글 별점
감사합니다.