• 목록
  • 아래로
  • 위로

안녕하세요?


짬짬이 시간날 때마다 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바이트 인코딩 언어들에 발생하는 문제를 해결한 것 같네요 ^^


그누보드에 적용하신 분이 계시더군요. 


https://sir.kr/g5_plugin/4984


아쉽게도 이 플러그인을 바로 적용하면 아미나에서는 문제가 있더군요 ㅠㅠ



8. Cheditor (정상)


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




결론적으로 XE/RXE에서는 Froala, 그누/아미나에서는 Smarteditor, 


커스터마이징에 자신이 있으시다면 Redactor가 최선의 선택일 수 있겠네요 ^^


덧붙여 Trumbowyg도 장점이 많은 매력적인 선택지가 될 수 있다고 생각되네요 :)


장황한 글 읽어주셔서 감사합니다~


그럼 굿밤 되세요!

작성자
이니스프리 119 Lv. (0%) 2250340/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

공유

facebooktwitterpinterestbandkakao story
퍼머링크

댓글 11

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah
profile image

사실 프로알라 에디터도 불만이 좀 있습니다.

 

IOS에서 타이핑 속도가 좀 느립니다. ㅠㅠ

comment menu
2018.12.21. 14:47

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → NoYeah
profile image

그런 문제가 있었군요 ㄷㄷ

프로알라 공홈에서 아이폰(크롬)으로 접속해서 테스트했을 때에는 느리다는 것을 느끼지는 못했는데요.

다른 사이트에서 다시 테스트를 해봐야겠네요~

그래도 다른 에디터는 iOS에서 엔터키가 먹지 않아서 거의 사용이 불가능하니 그래도 프로알라가 낫겠죠 ^^

그럼 맛스타 님께서도 즐거운 주말 되세요~!

comment menu
2018.12.21. 20:18

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah → 이니스프리
profile image

아, 아이폰 사파리 이용했습니다.

 

크롬도 느렸던걸로 기억하네요.

comment menu
2018.12.21. 20:52

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → NoYeah
profile image

방금 아이폰 8 플러스로 프로알라 공홈에 들어가서 사파리와 크롬에서 테스트를 해봤는데요.

제가 둔해서 그런지 안드로이드보다 그다지 느리다는 느낌을 받지 못했네요 ㅠㅠ

제 노트9이 최적화가 안 되어서 느린 것일 수도 있겠군요 ^-^

comment menu
2018.12.21. 20:59

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah → 이니스프리
profile image

그럼 라르게덴님이 기능들을 추가하면서 느려지나봐요.

 

라이믹스용만 그런가보네요.

comment menu
2018.12.21. 21:01

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → NoYeah
profile image

오오~ 그럴 수도 있겠네요 ㅠㅠ

프로알라 공홈에 있는 것도 클리앙보다는 많은 기능과 플러그인이 적용된 것 같은데요.

제가 이 에디터에 대해 잘 알지 못해서 라르게덴 님께서 정확히 어떤 부분을 추가하신 것인지 잘 모르겠네요 ㅜㅜ

저도 공홈 이외에 여러 곳에서 테스트를 해볼게요~!

그럼 맛스타 님께서도 즐거운 주말 되시고 감기 조심하세요 :)

comment menu
2018.12.21. 21:07

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → NoYeah
profile image

방금 스포어에서 타이핑 해봤는데요~!

맛스타 님께서 말씀하신대로 공홈보다 살짝 느리고 뭔가 부자연스러운 느낌이 있기는 하네요 ㅠㅠ

제가 메인 폰을 안드로이드를 사용하다보니 여태껏 몰랐네요 ㅜㅜ

comment menu
2018.12.21. 21:26

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

dalma11
profile image

저희 회사 SaaS상품에서도 프로알라를 사용하고 있는데 엑셀이나 워드값을 붙여넣는 기능이라던가 기타 자잘한것들이 다 잘되어서 가격이 아깝진 않은것 같아요 ㅎ

최초에는 Trumbowyg 요녀석을 사용했었는데 오피스 제품들과의 연계가 발목을 잡았네요 ㅠ.ㅜ

comment menu
2019.02.20. 08:43

신고

"dalma11님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → dalma11
profile image

말씀하신대로 Froala가 현재로서는 최고의 에디터인 것 같아요 ^^

그누보드에 Froala를 완벽이 적용해서 출시하는 분이 계시다면 저도 바로 구매할 것 같네요~

 

Trumbowyg도 가볍고 좋던데

아미나에 적용하려면 한별아빠 님께서 설명하신 방법에 추가하여 조금 더 커스텀이 필요한 것 같더군요,

 

전반적으로 에디터라는 것이 참 민감하고 어려운 것 같아요 ㅠㅠ

comment menu
2019.02.20. 18:33

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자
profile image

TOAST UI Editor에서도 동일한 현상이 발생함을 확인했습니다

comment menu
2019.03.31. 15:10

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
  • 키보드가 도착햇어요~키보드가 도착햇어요~
    • 핫슈
    • 조회 수 401
    • 17.04.26.21:53
    일전에 티몬 에서 주문배송전 사진 올린거 도착햇습니다 집이 아닌 pc방에서 적용햇어요 ㅋㅋ pc방 야간알바해서 사장님에게 양해를 구햇지요 배송 받아달라고 ㅎㅎ 저잇는대 택기사가 왓다가더라구요~ 좋습니다 ㅋㅋ
  • 자유게시판에 마우스 지름 신 도착 하엿습니다자유게시판에 마우스 지름 신 도착 하엿습니다
    • 핫슈
    • 조회 수 420
    • 17.04.25.15:21
    감기 걸려서 감기약 입니다 ^^
  • 저렴한 기계식 키보드 G80-3800 리뷰저렴한 기계식 키보드 G80-3800 리뷰
    • title: 맛스타의 자물쇠에듀
    • 조회 수 531
    • 17.03.22.16:08
    저렴한 기계식 키보드 G80-3800 리뷰 샀습니다.청축으로요.자세한 스펙은 알아서 찾아보시고~ (주요 스펙 : 체리식 청축) 이야 택배가 왔군요! 열어봅시다! 어여쁜 키보드의 상자 앞면이네요! 뒷면도 예쁩니다~! 기존...
  • 새 로 구햇던 직장서 구매햇던것들~새 로 구햇던 직장서 구매햇던것들~
    • 핫슈
    • 조회 수 419
    • 17.03.07.12:58
    그래픽카드와 블루투스 키보드 는 주문해성요 ㅋ
  • 아래 지름 취소 후 더 큰 지름아래 지름 취소 후 더 큰 지름
    으.... 역시 1070을 먼저 질러야했거늘..
  • 깔깔깔깔깔깔
    • Ciel
    • 조회 수 431
    • 17.02.26.22:16
    제 맥북과 아이패드 입니다 깔깔깔 앱등이의 자랑질이였습니다ㅎㅎㅎㅎ
  • 컴퓨터 케이스 질렀습니다.컴퓨터 케이스 질렀습니다.
    오랜만에 컴퓨터 관련 지름이라 설레네요! 다른 회원님들에 비해선 소소한 지름이지만 조립 후 리뷰 남기겠습니다
  • 열심히 쌓아둔 캐쉬백열심히 쌓아둔 캐쉬백
    2014년 부터 시작해서 여태것 150,000원 뽑았네요 ㅎ 대전댁님은 2번 출금하고 대전댁님 가족은 이제 5만 출금이네요. 총 캐쉬백 재산(?) = 168,488원 (가족 3명 총합)
  • 신서버 모든 PHP의 속도를 알아보자!신서버 모든 PHP의 속도를 알아보자!
    • title: 은메달도다
    • 조회 수 532
    • 17.01.08.20:31
    한국은 속도가 중요하잖아요. 저도 속도를 중요시하고요! 그래서 크롬 개발자 도구로 알아보았습니다. 테스트 환경 윈도우10 이 깔려있는 데스크탑, 1Gbps 인터넷, Study For Us 신서버 웹사이트 웹사이트 환경 Xpres...
  • 자취하던때 가지고 있던 3피씨!자취하던때 가지고 있던 3피씨!
    자 제가 장비 욕심이 많아서 중고로 사거나 제가 직접 조립하거나 했던 PC입니다. 특히 맥북은 처음 구매할때 트랙패드가 아예 고장나있었는데 알리익스프레스에서 부품사서 고쳐서 썻던게 기억에 납니다 ㅋㅋ(배터리...
  • 축★하해 주세요 외장하드 구매 완료 및 리뷰축★하해 주세요 외장하드 구매 완료 및 리뷰
    취미로 간이나스기능 있는 공유기로 웹섭 돌리는 1ㅅ입니다 16기가 usb의 엄청난 용량압박에 시달리고 있었는데 오늘 하이마트로 달려갔죠 ㅎㅎ 공유기가 램도 256긱이고 씨퓨도 800mhz밖에 안되는 초저사양이기 때문...
  • 음 자랑하기 게시판 만들어주세요 %%음 자랑하기 게시판 만들어주세요 %%
    • 핫슈
    • 조회 수 426
    • 16.12.01.10:34
    모니터 지르심을 올리고싶은대 어디에 올려야하나요?? ㅜㅜ 아무대도 없내염 ㅜㅜ