https://xetown.com/lakepark/498725

 

이미 며칠 전에 이거때문에 아주 한참 삽질하다가 위 글처럼 해결하고, 완전히 해결한 줄 알았는데

 

알고보니까 이번엔 저 글에서 적용한 autogrow 라는 애드온이 ie나 엣지에서 한글 자모음 분리현상을 일으키네요

 

xe만의 문제는 아닙니다. ckeditor 공식 홈페이지의 데모에서도 똑같은 증상이 일어납니다. (http://sdk.ckeditor.com/samples/autogrow.html )

 

이거때문에, 특정 플러그인만 특정 브라우저에서 작동이 안 되게 할 수 있는 방법이 있나 열심히 구글링하고 있는데, 도저히 암만 찾아도 못 찾겠네요.

 

아 진짜 짜증나네요 ㅋㅋㅋㅋㅋㅋㅋㅋ

 

사용자들에게 크롬 사용을 강요할 수도 없고...

 

하...

 

안그래도 preview 플러그인이 xe/라이믹스에서는 아예 작동을 안 하는 등, 플러그인 호환성 관련해서도 짜증을 유발하는데

 

뭐 하나 제대로 되는 게 없네요

 

참고로 저걸 왜 쓰냐면, 모바일에서는 에디터 리사이즈 기능이 제대로 안 됩니다.

 

원래는 우하단의 핸들러가 마우스가 아닌 터치 입력 자체를 인식을 못 했는데, 나중에 수정되긴 했지만 이번에는 터치 인식 범위가 너무 좁아서 제대로 터치하는게 불가능한 지경입니다.

 

(https://dev.ckeditor.com/ticket/14619 참고. 맨 마지막의 "Droping from the milestone, we'll reconsider this issue if it's truly required by the community." 부분이 압권입니다 ㅋㅋㅋㅋㅋㅋ 결국 모바일에서는 못써먹는데다 수정할 계획도 없다는거)

 

참고로, 현재 xe/라이믹스의 에디터 버전에 포함된 리사이즈 플러그인은(개인이 따로 최신버전으로 업데이트 안 했으면) 아예 터치 인식조차 안 되는 버전입니다.

 

그래서 컨텐츠 길이가 늘어날수록 심하게 불편해지기 때문에 autogrow 애드온을 넣은건데, 하필이면 ie나 엣지에서 한글 자모음이 분리되는 바람에 쓸 수가 없네요

 

한글 자모음 분리 같은건 우리나라에서만 해당되는 현상이라 수정될 가능성도 없고..

 

아 진짜 스트레스네요. 이젠 뭐 어떻게 해야 할지 모르겠네요.

 

그냥 모바일에서 에디터 접히는 기능 빼버리고, "최대화" 버튼을 활용할 것을 권장해야 하나.. (근데 최대화 상태에서 글 등록하려면, "등록"버튼을 누를 수 없기 때문에 다시 최대화 풀어야 합니다. 따라서 두번 터치해야 해서 이것도 불편함)

  • profile
    저도 잠깐 적용해보고 와 좋구나 감탄중이었는데요 ㅠㅠ 아쉽네요
  • profile ?
    아예 config.js 파일을 ie나 엣지만 따로 적용하거나, 안에 요소를 분리해서 ie나 엣지에서는 autogrow를 안되게 하고 크롬/모바일에서만 되게 하면 해결될텐데 그 방법을 도저히 찾을 수가 없네요.
  • profile
    이걸 모바일에서만 적용하는건 어떨까요?
  • profile ?
    그것도 괜찮겠지만 역시 그 방법을 모르겠네요.
  • ? profile
    저희가 쓰는건데 예전에 공개된거로요..

    var isMyMobile = false;

    var mobileInfo = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson');
    for (var info in mobileInfo){
    if (navigator.userAgent.match(mobileInfo[info]) != null){
    isMyMobile = true;
    break;
    }
    }

    if(isMyMobile==true)
    {
    CKEDITOR.editorConfig = function( config ) {
    모바일적용
    };
    }

    CKEDITOR.editorConfig = function( config ) {
    모바일구분없이 적용
    };
  • profile ?
    갑자기 생각났는데, 이거 응용해서 유저 에이전트가 IE 또는 엣지인 경우랑 크롬/파폭/안드/IOS 기타 다른 브라우저랑 구분해서 config을 적용할 수 있지 않을까요?

    일단 질문게시판에 질문 올려야겠네요
  • ?
    https://xetown.com/qna/503829

    해결했습니다
  • ?
    개인적으로 ck에디터에 붙어있는 업로드 시스템이 상당히 맘에 안들어서 pc에서는 xpresseditor axupload5 개조해서 쓰고
    모바일에선 스케치북에 있는 위지웍 에디터 개조해서 잘 쓰고 있습니다.
  • ? ?
    스케치북 에디터 그냥 쓰니까 여러모로 굉장히 이상하게 나오더군요. 개조하려고 해도 방법을 알 수가 없고..
  • ?
    아예 그냥 ck에디터 포기하고 @prologos 님이 올려주신 tinymce로 완전히 바꾸는 방법도 생각해봐야겠네요. tinymce에도 자동으로 늘어나는 기능이 있던데..
  • profile
    tinymce를 적용하시고 쓸만하게 발전시켜주세요~~
    지금 배포된 버전은 정리가 덜되서 코드가 상단히 지저분합니다만...
    tinymce에디터에도 autoresize라는 플러그인이 있는데 그런 현상은 없네요.