- 11
- 이니스프리
- 조회 수 1489
안녕하세요?
짬짬이 시간날 때마다 WYSIWYG HTML 에디터의 iOS에서 한글 입력시 문제를 간단히 테스트한 결과를 올립니다.
팁이나 강좌에 해당하는 내용은 아니고 간단한 리뷰에 해당되어서 여기에 올리네요 ^^
제 개인적으로 에디터(+키보드)는 PC 또는 모바일기기와 인간이 인터랙티브하는 매개체란 점에서 의미가 크다고 생각하는데요.
iOS에서의 입력 문제는 (현재의 UTF에서 정확한 표현은 아니지만) 2바이트 인코딩 언어에서 공통적인 오래된 문제인데 해결이 참 어렵군요 ㅠㅠ
1. CKEditor (에러 발생)
CKEditor 4, 5 모두 문제가 있고, 일부 문제가 해결된 fix도 있으나 완전히 해결되지는 않았습니다.
엔터 입력시 붙어버리는 문제는 iframe과 관련된 것으로 알려져 있으며
이를 div로 처리하면 해결이 가능하지만 이렇게 해결하는 것 또한 간단한 문제가 아닌 것 같더군요.
PC로 접속하면 CKEditor를 사용하는 sir.kr에서도 모바일에서는 CKEditor를 사용하지 않더군요.
2. TinyMCE (에러 발생)
제가 아는 한도 내에서는 해결책이 아직 없습니다 ㅠㅠ
3. Froala (정상)
프로알라도 원래부터 버그가 없었던 것은 아니고 라르게덴 님께서 직접 패치를 하셔서 반영된 것이라고 알고 있네요 ^^
에디터를 직접 커스터마이징할 것이 아니라면 XE/RXE에서는 사실상 유일한 선택지일 수도 있겠네요.
마스터 님께서는 어떻게 생각하실지는 몰라도 저는 19만원/도메인이란 가격이 아깝지 않은 에디터라고 생각됩니다 :)
4. Redactor (정상)
프로알라에 버금가는 에디터여서 그런지 정상적으로 출력되더군요.
(언제 패치된 것인지 내역에 대해서는 잘 모르겠네요.)
국내 유저가 많지 않지만 sir.kr을 보면 사용하시는 분이 계시는 것 같더군요.
가격은 프로알라와 대동소이하지만 도메인 무제한이란 점은 메리트입니다 ^^
No dependency이고 jQuery도 필요하지 않은 점은 장점이네요.
5. Smarteditor (정상)
여러 다른 문제로 개발자 분들이 선호하는 에디터는 아니지만 국산 에디터여서 그런지 iOS 관련 버그는 없는 것 같네요 :)
XE/RXE에서는 사용이 어렵다고 알고 있는데 아미나에서는 선택 가능한 에디터 중 하나로 채택되어 많이 사용되고 있네요.
업로드케어, imgur, 구글/네이버 지도, 링크 파싱 등 플러그인이 적용된 버전도 그누와 아미나용으로 판매되고 있습니다.
(그누보드 사이트에서 판매량 최상위권으로 알고 있네요)
https://sir.kr/cmall/1516769241
6. Summernote (에러 발생)
국산 에디터이지만 Summernote에서는 iOS 관련 버그가 있습니다.
shortcut을 끄는 것으로 문제해결이 가능하긴 하네요.
https://github.com/summernote/summernote/issues/1880
이 에디터는 부트스트랩에 dependent하다는 점이 단점이더군요.
7. Trumbowyg (정상)
20kB 미만(16kB라는 글도 봤네요)의 경량 에디터인 Trumbowyg도 정상적으로 입력이 됩니다.
이 에디터는 localization을 장점으로 내세우던데요.
저는 처음에 단순히 메뉴만 외국어로 표기되는 수준일 것이라고 생각했는데 2바이트 인코딩 언어들에 발생하는 문제를 해결한 것 같네요 ^^
그누보드에 적용하신 분이 계시더군요.
아쉽게도 이 플러그인을 바로 적용하면 아미나에서는 문제가 있더군요 ㅠㅠ
8. Cheditor (정상)
인기가 많은 에디터는 아니지만 국산 에디터이어서 그런지 정상적으로 작동하더군요 ^^
결론적으로 XE/RXE에서는 Froala, 그누/아미나에서는 Smarteditor,
커스터마이징에 자신이 있으시다면 Redactor가 최선의 선택일 수 있겠네요 ^^
덧붙여 Trumbowyg도 장점이 많은 매력적인 선택지가 될 수 있다고 생각되네요 :)
장황한 글 읽어주셔서 감사합니다~
그럼 굿밤 되세요!
작성자
공유
댓글 11
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
사실 프로알라 에디터도 불만이 좀 있습니다.
IOS에서 타이핑 속도가 좀 느립니다. ㅠㅠ
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
그런 문제가 있었군요 ㄷㄷ
프로알라 공홈에서 아이폰(크롬)으로 접속해서 테스트했을 때에는 느리다는 것을 느끼지는 못했는데요.
다른 사이트에서 다시 테스트를 해봐야겠네요~
그래도 다른 에디터는 iOS에서 엔터키가 먹지 않아서 거의 사용이 불가능하니 그래도 프로알라가 낫겠죠 ^^
그럼 맛스타 님께서도 즐거운 주말 되세요~!
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
아, 아이폰 사파리 이용했습니다.
크롬도 느렸던걸로 기억하네요.
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
방금 아이폰 8 플러스로 프로알라 공홈에 들어가서 사파리와 크롬에서 테스트를 해봤는데요.
제가 둔해서 그런지 안드로이드보다 그다지 느리다는 느낌을 받지 못했네요 ㅠㅠ
제 노트9이 최적화가 안 되어서 느린 것일 수도 있겠군요 ^-^
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
그럼 라르게덴님이 기능들을 추가하면서 느려지나봐요.
라이믹스용만 그런가보네요.
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
오오~ 그럴 수도 있겠네요 ㅠㅠ
프로알라 공홈에 있는 것도 클리앙보다는 많은 기능과 플러그인이 적용된 것 같은데요.
제가 이 에디터에 대해 잘 알지 못해서 라르게덴 님께서 정확히 어떤 부분을 추가하신 것인지 잘 모르겠네요 ㅜㅜ
저도 공홈 이외에 여러 곳에서 테스트를 해볼게요~!
그럼 맛스타 님께서도 즐거운 주말 되시고 감기 조심하세요 :)
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
방금 스포어에서 타이핑 해봤는데요~!
맛스타 님께서 말씀하신대로 공홈보다 살짝 느리고 뭔가 부자연스러운 느낌이 있기는 하네요 ㅠㅠ
제가 메인 폰을 안드로이드를 사용하다보니 여태껏 몰랐네요 ㅜㅜ
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
저희 회사 SaaS상품에서도 프로알라를 사용하고 있는데 엑셀이나 워드값을 붙여넣는 기능이라던가 기타 자잘한것들이 다 잘되어서 가격이 아깝진 않은것 같아요 ㅎ
최초에는 Trumbowyg 요녀석을 사용했었는데 오피스 제품들과의 연계가 발목을 잡았네요 ㅠ.ㅜ
신고
"dalma11님의 댓글"
이 댓글을 신고 하시겠습니까?
말씀하신대로 Froala가 현재로서는 최고의 에디터인 것 같아요 ^^
그누보드에 Froala를 완벽이 적용해서 출시하는 분이 계시다면 저도 바로 구매할 것 같네요~
Trumbowyg도 가볍고 좋던데
아미나에 적용하려면 한별아빠 님께서 설명하신 방법에 추가하여 조금 더 커스텀이 필요한 것 같더군요,
전반적으로 에디터라는 것이 참 민감하고 어려운 것 같아요 ㅠㅠ
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
TOAST UI Editor에서도 동일한 현상이 발생함을 확인했습니다
신고
"이니스프리님의 댓글"
이 댓글을 신고 하시겠습니까?
![[리뷰] 무선 기계식 키패드(적축)](/files/thumbnails/338/882/75x50.crop.jpg?t=1650723020)
![[리뷰] 무선 기계식 키패드(적축)](/files/thumbnails/338/882/210x140.crop.jpg?t=1650723020)
![[오디오트랙] 프로디지 큐브 블랙 에디션](/files/thumbnails/806/700/75x50.crop.jpg?t=1591359491)
![[오디오트랙] 프로디지 큐브 블랙 에디션](/files/thumbnails/806/700/210x140.crop.jpg?t=1591359491)
![[테스트] 네이버 Clova Face Recognition의 유명인 얼굴 인식 API](/files/thumbnails/295/786/75x50.crop.jpg?t=1612670998)
![[테스트] 네이버 Clova Face Recognition의 유명인 얼굴 인식 API](/files/thumbnails/295/786/210x140.crop.jpg?t=1612670998)
![[리뷰] VPN 등을 활용한 BackCountry 직구 테스트](/files/thumbnails/402/790/75x50.crop.jpg?t=1613390364)
![[리뷰] VPN 등을 활용한 BackCountry 직구 테스트](/files/thumbnails/402/790/210x140.crop.jpg?t=1613390364)
![[Tesla] USB 메모리 및 SSD 연결 테스트](/files/thumbnails/419/903/75x50.crop.jpg?t=1660483023)
![[Tesla] USB 메모리 및 SSD 연결 테스트](/files/thumbnails/419/903/210x140.crop.jpg?t=1660483023)
![[간단리뷰] 카드 연간실적 충족 현황을 앱에서 조회하기](/files/thumbnails/934/037/001/75x50.crop.jpg?t=1716659982)
![[간단리뷰] 카드 연간실적 충족 현황을 앱에서 조회하기](/files/thumbnails/934/037/001/210x140.crop.jpg?t=1716659982)
![[폰케이스 교체] 슈피겐 리퀴드 크리스탈](/files/thumbnails/521/700/75x50.crop.jpg?t=1591359480)
![[폰케이스 교체] 슈피겐 리퀴드 크리스탈](/files/thumbnails/521/700/210x140.crop.jpg?t=1591359480)
![[Python] MoviePy를 이용한 MP4 -> GIF 변환 및 resize 테스트](/files/thumbnails/316/796/75x50.crop.jpg?t=1654496362)
![[Python] MoviePy를 이용한 MP4 -> GIF 변환 및 resize 테스트](/files/thumbnails/316/796/210x140.crop.jpg?t=1654496362)
![[리뷰] Campsaver 직구 후기 및 약간의 팁(?)](/files/thumbnails/789/801/75x50.crop.jpg?t=1649596065)
![[리뷰] Campsaver 직구 후기 및 약간의 팁(?)](/files/thumbnails/789/801/210x140.crop.jpg?t=1649596065)
![[리뷰] 테슬라 차량 인도 팁](/files/thumbnails/971/827/75x50.crop.jpg?t=1625295699)
![[리뷰] 테슬라 차량 인도 팁](/files/thumbnails/971/827/210x140.crop.jpg?t=1625295699)
![[ChatGPT] 교보문고 출석체크의 퀴즈를 풀어보기](/files/thumbnails/663/005/001/75x50.crop.jpg?t=1715006880)
![[ChatGPT] 교보문고 출석체크의 퀴즈를 풀어보기](/files/thumbnails/663/005/001/210x140.crop.jpg?t=1715006880)
1. 썸머노트의 경우에 본문 링크의 방법을 적용해도 제대로 작동하지 않네요 ㅠㅠ
2. Trumbowyg 에디터를 아미나에 적용하는 방법에 대해 한별아빠 님께서 말씀해주셨네요 :)
http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366