질문/공유팁 게시판

유튜브 링크 자동변환 애드온 (베타)

윤삼
조회 수 22958 추천 수 5
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

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

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

  • 라이믹스 2.0.9
  • PHP 7.4
  • 크롬 버전 89.0.4389.114(공식 빌드) (64비트)
  • CK에디터4(라이믹스 내장) + 프로알라 에디터(라르게덴님 버전)

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

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

 

CK에디터의 경우

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

 

 

그리고 아직 베타 버전인 만큼 예상치 못한 버그도 있을 수 있습니다.

버그 제보 부탁드립니다~

좋은 자료, 같이 만듭시다요!

 

 

CK에디터의 경우

 

 

프로알라 에디터의 경우

 

 

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

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

 

 

Atachment
첨부

윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
위로 아래로
댓글 29
  • profile
    와우~감사합니다. 썸네일 첨부도 포함 된건가요~?
  • profile profile
    말씀 드렸듯이 파일 첨부가 아니라 '외부 이미지 삽입' 방식이에요.
    코어에서 썸네일 생성 옵션을 잘 조작했다면 외부 이미지만으로도 문서에 썸네일이 생성될 겁니다.
  • profile profile
    넵 잘쓰겠습니다~^^ 윤삼님 덕분에 퇴근 후 컴퓨터 키고 싶은 욕구가 ㅎ
  • profile profile

    1f609.png270c.png

  • ?

    좋은 자료 정말 감사드립니다!
    그런데 CK에디터에서 유튜브 링크를 붙여넣기 하면 동영상 썸네일이 그대로 나오고 하단에 IFRAME

    iframe.png

    이렇게 나오는데요. 글을 등록하면 정상적으로 출력되긴 하는데 에디터에서는 영상이 나오지 않네요. 윤삼님 테스트 사이트에서는 에디터 내에서도 썸네일이 숨겨지고 영상이 잘 나오더라고요. 어떻게 하면 에디터에도 영상이 출력되게 할 수 있는지 궁금합니다. 설정에서 찾아봐도 못 찾아서요. ㅠ

  • ? profile
    그거는 아마도 iframe 플러그인을 제거해야 할 겁니다.
    관리자 페이지 : 좌측 메뉴에서 콘텐츠 > 에디터 > 공통 설정 > 플러그인 제거
    에서 iframe을 기입해보세요.
  • profile ?
    감사합니다! 해결되었습니다ㅎㅎ 플러그인 제거에 iframe을 추가로 넣어야 하는군요!
  • ? profile
    네, 본문에도 내용 첨가했습니다~
  • ?
    프로알라 테스트 업데이트 합니다.

    - 게시판 목록이나 게시물에 들어가면 서버 오류가 나옵니다.
  • ?
    #0 /home//www/addons/youtube_converter/youtube_converter.addon.php(8): editorModel::getEditorConfig()
    #1 /home//www/files/cache/addons/pc.php(1224): include()
    #2 /home//www/classes/module/ModuleObject.class.php(647): include()
    #3 /home//www/classes/module/ModuleHandler.class.php(816): ModuleObject->proc()
    #4 /home//www/index.php(52): ModuleHandler->procModule()

    로그는 요런게....기록 되어 있습니다.
  • ? profile
    라이믹스 버전이 어떻게 되시나요?
    8행을 이걸로 바꿔보시겠어요?
    $editor_config = getModel('editor')->getEditorConfig($this->module_srl);
  • profile ?
    1.9 입니다. 와 잘 됩니다. ^^
    다른 버그는 못찾겠고요. 영상이 되고 br 태그 정도 입력 되면 좋지 않을까 합니다 ^^
  • ? profile
    네, 다음 버전에 반영하도록 할게요!
  • profile
    역시 믿고 쓰는 윤삼님 감사합니다.
  • profile profile
    오류 있으면 언제든 이야기해주세요~
  • profile profile

    넵 당근이죠. ^^*

    문제점은 아직 발견을 못했습니다.

    마음에 쏙! 들게 잘 돌아갑니다.

    PHP 7.0

    라이믹스 2.0.9

  • profile profile
    급하게 만든 거여서 걱정을 좀 했는데 그래도 생각보다 버그 제보가 덜하네요 :)
    잘 된다니 다행입니다. 조만간 판올림해서 정식버전 올릴게요~
  • profile profile
    감사합니다.
  • ?
    항상 좋은 자료 감사합니다.

    Floating popup video 에드온과 같이 사용시 문제를 일으킵니다.
    https://xe1.xpressengine.com/?mid=download&package_srl=22753897
  • ? profile
    앗, 그렇다면 그것은 둘 중에 하나는 포기를 해야 할 것 같은데요.
    애석하긴 하지만 코어가 아닌 다른 서드파티와의 충돌까지 조정하기엔 여력이 없습니다ㅜ
    혹시 관련해서 주실 팁이 있으시다면 언제든 알려주세요~
  • ? profile
    브라우저들 pip기능이 있어서 애드온 비활성화 추천드립니다.

    내려야겠네요 ㅎㅎ 흑역사같은 애드온...
  • profile ?
    브라우저들 pip기능 보다는 Floating popup video 애드온이 더 쓸모가 있는 것 같아서
    아직 까지는 잘 사용중입니다.
  • ? profile

    그러네요
    저도 일반 mp4를 업로드했는데 유튜브로 인식해서
    Floating popup video 이걸 껏는데 충돌 문제였나보네요.

     

    저같은경우는 링크프리뷰 모듈과 충돌하여 Floating popup video를 꺼두었습니다.

  • ?
    아참..댓글 에디터에서는 동작 안하는것을 발견했습니다.

    의도된건지는 모르겠지만 불가능한게 아니라면 제한을 풀어 주시면 고맙겠습니다.
  • ? profile
    네, 다음 버전 릴리즈를 위해 해당 버그는 수정되었습니다.
    (앗, 그러고 보니 CK에디터에선 테스트했는데, 프로알라도 테스트를 해봐야겠군요)
  • ? profile

    시작 시간 관련된 파라미터를 반영했습니다.

    파일 이름을 _froalaeditor.js으로 변경해서 덮어씌워보시고 말씀해주세요~

    Atachment
    첨부
  • profile ?
    잘됩니다 .^^ bb
  • profile
    @산소아빠 @하나코군 @skyo @adlib @미이라
    의견들 주셔서 감사합니다!
    0.2 버전으로 정식 판올림해서 포인트 콘텐츠에 올렸으니 확인해보세요~

    https://xetown.com/point_contents/1552651
  • profile
    우왓 감사합니다.
    이틀동안 유뷰브 삽입때문에 머리 싸메고 있었는데 이런 애드온이 있었군요. 덕분에 해결되었습니다.