질문/공유공개자료실
애드온

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

윤삼
추천 수 1 댓글 47
Extra Form
자료 소개 CKEditor와 FroalaEditor에 유튜브 링크를 '붙여넣기'하면 유튜브 임베드 코드로 '바로 변환' 시켜주는 애드온
설치 경로 ./addons/youtube_converter
테스트 환경 Rhymix 1.x,Rhymix 2.0
라이선스 GPL v2
크게 작게 위로 아래로 댓글로 가기
이름 버전 날짜 다운수
youtube_converter.0.2.1.zip 0.2.1 2021-04-09 240
youtube_converter.0.2.zip 0.2.0 2021-04-08 76

 

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
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
위로 아래로
댓글 47
  • profile
    매우 감사합니다. 좀더 편하게 게시글에 유튜브 영상 올리 겠네요
  • ?
    대박자료 감사합니다.
  • ?
    So Cooooooooooooooool 최고입니다
  • ?
    감사합니다.
  • profile
    좋은 에드온 잘 사용하겠습니다!!
    감사합니다^^
  • ?
    유용한 자료 감사히 잘쓰겠습니다
  • profile
    감사합니다. 덕분에 유용하게 잘 쓰고 있습니다. ^^
  • profile
    어제 처음 적용했습니다.
    아주 좋습니다.
    소스 붙이고 사이즈 수정하는 번거로움이 사라졌습니다.
    꽉 찬 느낌...아주 좋습니다.

    고맙습니다. ^^
  • profile
    정말 멋진 애드온이네요 감사합니다!!
    추천 별 꾸욱!!
    혹시
    차기 버전이 있으시다면
    유튜브 자동 재생 기능은 추가 예정이 없으실까요!
  • profile profile
    애드온으로 설정을 둘 수 있겠네요. 고민해보겠습니다~
  • profile profile
    👍👍👍
  • profile
    너무 잘쓰고 있는데 별을 안드렸었네요!
  • profile profile
    별은 사랑이죠 ㅎㅎㅎ
  • profile
    [댓글]을 허용하면, 영상이 게시판 본문란에 딱 맞춰서 출력되지만,
    [댓글]을 허용 안하면, 영상의 대표이미지와 나란히 작게 출력됩니다.

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

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

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