Extra Form
PHP PHP 7.4
CMS Rhymix 2.1

제 사이트만의 문제가 아니라 이곳 XE타운 에디터에서도 발생하는걸 보면 CKeditor 공통의 문제라 생각됩니다.

 

먼저 글쓰기에서 mp4 영상 파일을 업로드합니다.

 

111.png

 

그러면 이렇게 본문에 자동 삽입된 영상 아래에 글 입력 상태가 활성화 되고 문제없이 본문에 글 입력이 가능합니다.

 

하지만 영상 파일을 첨부한 후에 바로 본문을 입력하지 않고 제목 입력칸이나 다른 곳을 클릭했다가 본문으로 돌아오면

 

 

 

 

222.png

 

이렇게 본문에 삽입된 영상 아래에 글 입력 상태가 비활성화 돼버립니다.

 

이때 엔터키를 누르면 글 입력이 가능한 상태가 되지만

 

크롬이나 엣지 같은 곳에서 영상 첨부 후에 다른 탭을 갔다가 오면 엔터키마저 소용이 없어집니다.

 

그럴 땐 소스 보기를 열어서 아무 글자나 입력해서 입력 상태를 활성화해야 합니다.

 

이미지를 첨부했을땐 비교적 쉽게 입력 상태를 되살릴 수 있지만

 

영상을 첨부했을땐 이처럼 상당히 성가신 상황이 발생합니다.

 

이것을 개선할 방법이 있을까요?

  • Lv37

    CKEditor 문제라기보다는 크롬 문제입니다.
    다른 에디터도 <video> 태그를 넣으면 크롬에서 동일한 증상이 발생합니다.
    contenteditable 영역 안에 <video> 태그가 있으면
    그 주위에서 커서 이동이 정상적으로 되지 않는 것 같습니다.

    어느 정도 알려진 브라우저들 중 유일하게 크롬과 다른 엔진을 사용하는
    파이어폭스에서는 해당 문제가 발생하지 않습니다.


    물론 브라우저 버그라고 해도 에디터에서 강제로 우회할 수 있겠지만,
    해외 에디터 개발자들은 동영상을 업로드하는 상황을 거의 고려하지 않는 것 같습니다.
    기껏해야 <iframe>으로 유튜브 삽입이나 하겠거니, 생각하는 모양이예요.
    예를 들어 CKEditor 5의 미디어 삽입 기능은 처음부터 외부 미디어 URL만 지원한다고 되어 있고,

    Quill에서 본문 영역에 동영상을 붙여넣으면 <iframe>으로 강제 변경해 버립니다.

  • Lv37 ? Lv3
    그렇군요 일단은 자동 삽입되는 video 태그 아래에 빈줄 한칸을 더 넣는 방식으로 수정해서 사용중인데 파이어폭스에서는 괜찮은거니 차후에 크롭 업데이트를 기대해 봐야겠네요