[업데이트] iOS 환경에서 Rich-Text 에디터에서의 한글 입력 TEST

https://studyforus.com/review/496712 게시물의 내용을 업데이트 하였습니다 ^^

1. CKEditor (에러 발생 → 해결 가능)

현재 xetown, sir에 적용되어 있습니다.

CKEditor 4, 5 모두 문제가 있고, 일부 문제가 해결된 fix도 있으나 완전히 해결되지는 않았습니다.

엔터 입력시 붙어버리는 문제는 iframe과 관련된 것으로 알려져 있으며

이를 div로 처리하면 해결이 가능하지만 이렇게 해결하는 것 또한 간단한 문제가 아닌 것 같더군요.

PC로 접속하면 CKEditor를 사용하는 sir.kr에서도 모바일에서는 CKEditor를 사용하지 않더군요.

현재로서는 config.js 파일에 아래 내용을 추가하는 것이 가장 무난한 해결책인 것 같아요 ^^

SIR에서도 이런 방식으로 해결했다고 알고 있네요.

if(/iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
    config.removePlugins = 'enterkey';
}

2. TinyMCE (에러 발생)

제가 아는 한도 내에서는 해결책이 아직 없습니다 ㅠㅠ

해외에서는 꽤 인기가 많은데 비하여, 상대적으로 우리나라에서는 덜 사용되기 때문에 해결책이 강구되지 않은 것이라고 추측되네요.

3. Froala (정상)

현재 studyforus, 2CPU 등에 적용되어 있고, clien에 적용된 것은 커스텀이 많이 된 것 같습니다.

프로알라도 원래부터 버그가 없었던 것은 아니고 라르게덴 님께서 직접 패치를 하셔서 반영된 것이라고 알고 있네요 ^^

에디터를 직접 커스터마이징할 것이 아니라면 XE/RXE에서는 프로알라를 구입하는 것이 사실상 유일한 선택지일 수도 있겠네요.

마스터 님 말씀으로는 iOS에서 접속하면 스포어에서는 키 입력이 조금 늦다고 하시더군요.

(제가 테스트해보니 Froala 공식 홈페이지에서는 괜찮던데 Froala 3와 이전 버전의 차이일수도 있겠네요)

4. Redactor (정상)

프로알라에 버금가는 에디터여서 그런지 정상적으로 출력되더군요. 

(언제 패치된 것인지 내역에 대해서는 잘 모르겠네요.)

국내 유저가 많지 않지만 SIR을 보면 사용하시는 분이 조금은 계시는 것 같더군요.

가격은 프로알라와 대동소이하지만 도메인 무제한이란 점은 메리트입니다 ^^

No dependency이고 jQuery도 필요하지 않은 점은 장점이네요.

iOS에서 살짝 키 입력이 느린 듯한 감이 있긴 한데 CKEditor와 큰 차이가 날 정도는 아니에요.

5. Smarteditor (정상)

amina.co.kr에 적용되어 있고, 아미나의 기본 에디터로 채택되어 있습니다.

현재 업데이트가 중단되어 있고, 여러 이유로 개발자분들이 선호하는 에디터는 아니지만 

국산 에디터여서 그런지 iOS 관련 버그는 없는 것 같네요 :)

XE/RXE에서는 사용이 어렵다고 알고 있는데 아미나에서는 선택 가능한 에디터 중 하나로 채택되어 많이 사용되고 있네요.

다만 모바일 환경에서 사용하려면 반응형으로 커스텀해야 되고, 이를 적용하는 과정에서 간간이 문제가 발생한다는 글이 올라오고 있네요.

6. Summernote (에러 발생 → 해결 가능)

현재 okky에 적용되어 있습니다.

국내 개발자들이 제작한 에디터이지만 아쉽게도 iOS 관련 버그가 있습니다.

테스트해보니 shortcut을 끄는 방식으로 문제해결이 가능하긴 하네요.

(아마도 okky에서도 이렇게 해결한 것 같네요)

https://github.com/summernote/summernote/issues/1880

이 에디터는 부트스트랩에 dependent하다는 점이 단점이죠.

(최근에는 부트스트랩을 이용하지 않고 jQuery만 사용한 버전이 출시되기는 하는데 베타 버전으로 알고 있네요.)

아미나에서도 관리자 페이지에서는 부트스트랩이 적용되지 않아서 오류가 발생합니다.

아미나에서 최적화하여 사용하려면 기본 에디터가 아니라 게시판별로 Summernote를 설정하되,

2개의 버전으로 커스텀하여 PC에서는 shortcut 기능과 툴바의 help를 켜고, 모바일에서는 끄는 것으로 처리하면 됩니다.

제가 테스트한 바로는 disableResizeEditor: true로 설정해야 iOS에서 아미나 접속할 때 안정적입니다.

(애당초 ResizeEditor 기능이 iOS에서 먹지 않는 것 같아요)

7. Trumbowyg (다른 유형의 에러 발생)

20kB 미만(16kB라는 글도 봤네요)의 경량 에디터인 Trumbowyg도 정상적으로 입력이 됩니다.

그누보드에 적용 : https://sir.kr/g5_plugin/4984

아미나에 적용 : http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366

다만 한글을 입력한 후 엔터 입력시 PC에서 커서가 오르락 내리락 하거나,

iOS에서 첫 줄에 공백이 생기는 문제가 발생합니다.

8. Cheditor (정상)

현재 시점에서 인기가 많은 에디터는 아니지만 국산 에디터이어서 그런지 정상적으로 작동하더군요 ^^

9. TOAST UI Editor (에러 발생)

국산 에디터이지만 아쉽게도 에러가 발생하는 것을 확인했습니다 ㅠㅠ

10. EnhPageDown (정상)

Stack Overflow에서 사용 중인 에디터인데 테스트해보니 정상적으로 작동하네요 ㄷㄷ

http://benahm.github.io/EnhPageDown/public_html/ 여기에서 테스트 가능합니다 ^^

다만 플러그인이 부족한 점이 아쉽네요.