• 목록
  • 아래로
  • 위로

안녕하세요?


짬짬이 시간날 때마다 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%) 1893370/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

신고

"이니스프리님의 댓글"

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

권한이 없습니다.
  • [리뷰] 테슬라 차량 인도 팁[리뷰] 테슬라 차량 인도 팁
    아래 내용은 2021년 6월을 기준으로 작성되었습니다 ^^ 1. 위치 인도 장소는 테슬라 발산 딜리버리 센터입니다. 얼마 전 수원에서 이전한 것으로 알고 있습니다. 위치는 이대 서울병원 부속주차장 지하 5층에 소재하...
  • [간단리뷰] Vultr의 OpenVPN으로 abema.tv와 tver.jp에서 스트리밍을 할 수 있는지 여부[간단리뷰] Vultr의 OpenVPN으로 abema.tv와 tver.jp에서 스트리밍을 할 수 있는지 여부
    간단한 리뷰입니다. 올해 들어서 abema.tv와 tver.jp의 스트리밍이 대부분의 VPN에서 막힌 상태입니다. (사이트 접속까지는 가능한데 스트리밍을 하려고 하면 해외에서 영상을 시청할 수는 없다고 뜹니다.) 구글링해...
  • 열심히 쌓아둔 캐쉬백열심히 쌓아둔 캐쉬백
    2014년 부터 시작해서 여태것 150,000원 뽑았네요 ㅎ 대전댁님은 2번 출금하고 대전댁님 가족은 이제 5만 출금이네요. 총 캐쉬백 재산(?) = 168,488원 (가족 3명 총합)
  • 갤럭시 노트8을 구매(?)하였습니다.갤럭시 노트8을 구매(?)하였습니다.
    예. 그렇습니다. 노트8입니다. 64GB 메이플 골드 색상 모델이예요. 저걸 벗기면 상자가 하나 나옵니다. 이걸 열면 핸드폰이 나옵니다. 여러분의 눈건강을 위하여 일부를 삭제하였습니다. 크네요. 일단 써 봐야 겠어요...
  • 깔깔깔깔깔깔
    • Ciel
    • 조회 수 431
    • 17.02.26.22:16
    제 맥북과 아이패드 입니다 깔깔깔 앱등이의 자랑질이였습니다ㅎㅎㅎㅎ
  • 15렙 달성!!!!!15렙 달성!!!!!
    데헷
  • 롱패딩 주문 도착롱패딩 주문 도착
    • 핫슈
    • 조회 수 358
    • 17.12.27.00:26
    짠 기달리던 1주일 지나고 27일경 도착햇습니다 폭주및 크리스마스까지 겹쳐서 오늘 도착햇내염 ㅜㅜ 롱패딩이 두꺼울줄알앗는대 얇아요 낼 입고 나가서 후기 도 올릴생각입니다 7만원짜리 롱패딩~
  • 안녕하세요? 짬짬이 시간날 때마다 WYSIWYG HTML 에디터의 iOS에서 한글 입력시 문제를 간단히 테스트한 결과를 올립니다. 팁이나 강좌에 해당하는 내용은 아니고 간단한 리뷰에 해당되어서 여기에 올리네요 ^^ 제 개...
  • 10렙 달성!!!!!10렙 달성!!!!!
    너무 행보케!!!!
  • 학교에서 플로피디스켓 주웠습니다ㅋㅋ학교에서 플로피디스켓 주웠습니다ㅋㅋ
    학교에스 플로피 디스켓을 주웠습니다. 버리는 건데 쌤한테 부탁해서 가져왔죠 한 12장 있습니다 갖고싶은 분들은 말하세욬ㅋㅋ
  • 카시오 Micro Python Calculator 인증사진카시오 Micro Python Calculator 인증사진
    • 원미
    • 조회 수 281
    • 20.11.19.19:44
    아직 익숙하지 않은 자판구조는 어색하지만! 참고로 메모리는 3MB, 카시오 계산기 자체의 프로그래밍 기능과 마이크로 파이썬이 동시에 지원됩니다. (초기버전은 MicroPython 1.9.3, 계산기 운영체제 업데이트 후 1.9...
  • 컴퓨터 케이스 질렀습니다.컴퓨터 케이스 질렀습니다.
    오랜만에 컴퓨터 관련 지름이라 설레네요! 다른 회원님들에 비해선 소소한 지름이지만 조립 후 리뷰 남기겠습니다
  • AudioTechnica M50xBT 헤드폰 하나 구매했네요 ㅎAudioTechnica M50xBT 헤드폰 하나 구매했네요 ㅎ
    AudioTechnica M50xBT 사무실에는 모니터링 스피커가 있기 때문에 헤드폰에 대해서는 크게 관심도 없었습니다. 그러던중에... 급하게 편집 할 일이 생겼고, 집에서 편집을 하려고 했더니.... 소리가 안들이네요.ㅠㅠ ...
  • kt LTE 노트북 리뷰 (사양 추가 수정)kt LTE 노트북 리뷰 (사양 추가 수정)
    • 핫슈
    • 조회 수 412
    • 18.03.04.20:02
    마이크로 SD 외장메모리 장착모습입니다 ^^ 전 20기가 짜리 월3만5천? 내며 2년약정으로 구매햇습니다
  • 아래 지름 취소 후 더 큰 지름아래 지름 취소 후 더 큰 지름
    으.... 역시 1070을 먼저 질러야했거늘..
  • 맥북과 쫄개들 - m1 mac air 고급형과 k380, 마이크로소프트 디자이너 마우스를 중심으로맥북과 쫄개들 - m1 mac air 고급형과 k380, 마이크로소프트 디자이너 마우스를 중심으로
    맥을 받은지도 근 한달이 조금 안되었는데, 그동안 느낀 점 위주로 써보겠습니당. 1. Macbook Air (M1, 8cpu/8gpu, 512GB ssd, 8GB ram) 한마디로 요약하자면 "혁명" 이라고 할 수 있겠습니다. 학생할인으로 150만원...
  • UAG를 추천해주시는 분들이 많아서 결국 UAG로 질렀네요 ^^ 러기드는 사실상 국내에서 품절인 것 같아서 플라이오로 선택했어요~! 모나크는 안전성은 최고라고 하지만 너무 투박해 보여서요 ㄷㄷ 간단히 리뷰를 해보...
  • 축★하해 주세요 외장하드 구매 완료 및 리뷰축★하해 주세요 외장하드 구매 완료 및 리뷰
    취미로 간이나스기능 있는 공유기로 웹섭 돌리는 1ㅅ입니다 16기가 usb의 엄청난 용량압박에 시달리고 있었는데 오늘 하이마트로 달려갔죠 ㅎㅎ 공유기가 램도 256긱이고 씨퓨도 800mhz밖에 안되는 초저사양이기 때문...
  • 윈도우 정품 도착!윈도우 정품 도착!
    • 핫슈
    • 조회 수 321
    • 18.06.02.23:59
    일전에 자유게시판에 올렷던 물건 2개가 도착하엿습니다 윈도우10 정품과 드라이버가 도착햇어요 박스로 깔금하개 포장 박스안에는 윈도우10 정품 박스 (키 / 윈도우usb) 짠 이것이 윈도우10 Home FPP 버전 정품입니...
  • 윈도우 와 외장ODD 도착윈도우 와 외장ODD 도착
    • 핫슈
    • 조회 수 392
    • 17.07.27.19:50
    윈도우 10 PRO FPP 버전 정품 USB 도착 하엿습니다 바로 포맷해서 정품 인증하고 새로 드라이브다시 깔앗습니다 ^^ 외장 ODD 포장박스를 풀면 아래 사진처럼 들어잇습니다 곰CD 를 사은품으로 주내염 아래 검은색 물...