• 목록
  • 아래로
  • 위로

안녕하세요?


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

신고

"이니스프리님의 댓글"

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

권한이 없습니다.
  • COS Pro 1급 파이썬 후기COS Pro 1급 파이썬 후기
    안녕하세요? 많은 분들의 도움으로 운좋게 COS Pro 1급 파이썬에 합격하였습니다! 최종 결과를 보면 다른 문제에서는 주어진 배점을 모두 획득하였고, '설계'에 해당하는 문제 3번에서 16점 감점을 당했습니다. 시험...
  • [간단리뷰] 카카오 OCR API로 그누보드 캡차(Kcaptcha) 우회하기[간단리뷰] 카카오 OCR API로 그누보드 캡차(Kcaptcha) 우회하기
    안녕하세요? https://studyforus.com/help/626417 에 대한 허접한 자답입니다. 그누보드의 Kcapcha의 이미지를 적절히 프로세싱하여 아래와 같은 방법으로 카카오 OCR API를 돌려보았습니다. def OCR(filename, boxes...
  • [리뷰] VPN 등을 활용한 BackCountry 직구 테스트[리뷰] VPN 등을 활용한 BackCountry 직구 테스트
    BackCountry는 미국의 아웃도어 전문 온라인 쇼핑몰로서 예전에 NewEgg에서 해외 직구를 막아놓았던 것보다 훨씬 빡세게 직구를 막는 것으로 유명합니다 ㅎㄷㄷ (1) 결제창으로 넘어가는 단계에서 IP 등을 체크하고, ...
  • 안녕하세요? 짬짬이 시간날 때마다 WYSIWYG HTML 에디터의 iOS에서 한글 입력시 문제를 간단히 테스트한 결과를 올립니다. 팁이나 강좌에 해당하는 내용은 아니고 간단한 리뷰에 해당되어서 여기에 올리네요 ^^ 제 개...
  • [Python] MoviePy를 이용한 MP4 -> GIF 변환 및 resize 테스트[Python] MoviePy를 이용한 MP4 -> GIF 변환 및 resize 테스트
    MoviePy를 이용하여 MP4 -> GIF 변환을 하고 resize 하여 파일 크기를 비교하는 테스트를 진행해봤습니다. 테스트 파일의 출처는 아래 유튜브 채널입니다. (원 출처는 영상에 표기되어 있습니다.) https://www.youtub...
  • 테슬라 모델3 렌트 후기 (내돈내후)테슬라 모델3 렌트 후기 (내돈내후)
    1. 序 테슬라 구매 전에 테스트 목적으로 렌트를 하려고 알아보던 중에 운좋게 이번 연휴 기간에 서울 SK 렌터카 지점 중 단 한 군데에 예약이 가능한 차량이 있어서 렌트를 하게 되었습니다 ^^ 렌트 차량은 모델3 스...
  • COS Pro 파이썬 2급 후기COS Pro 파이썬 2급 후기
    안녕하세요? 원래 시험 마치고 후기를 잘 안 남기지만, 다른 분들께서 참고하실 수 있도록 글을 작성합니다. 시험장에 도착하니 연령대가 굉장히 다양하더군요. 파이썬 2급 이외에 다른 과목의 응시자들도 같은 고사...
  • [간단리뷰] Vultr의 OpenVPN으로 abema.tv와 tver.jp에서 스트리밍을 할 수 있는지 여부[간단리뷰] Vultr의 OpenVPN으로 abema.tv와 tver.jp에서 스트리밍을 할 수 있는지 여부
    간단한 리뷰입니다. 올해 들어서 abema.tv와 tver.jp의 스트리밍이 대부분의 VPN에서 막힌 상태입니다. (사이트 접속까지는 가능한데 스트리밍을 하려고 하면 해외에서 영상을 시청할 수는 없다고 뜹니다.) 구글링해...
  • https://studyforus.com/review/496712 게시물의 내용을 업데이트 하였습니다 ^^ 1. CKEditor (에러 발생 → 해결 가능) 현재 xetown, sir에 적용되어 있습니다. CKEditor 4, 5 모두 문제가 있고, 일부 문제가 해결된 ...
  • 무선 랜 카드를 구매하였습니다.무선 랜 카드를 구매하였습니다.
    나중에 서버로 라떼판다를 한 대 들여놓을 예정이었는데, 그렇게 되면 공유기 포트가 꽉 차서 PC 한 대만 유선으로 연결할 수 있게 되는 겁니다. 물론 예전에도 다이소산 5000원짜리 무선 와이파이 수신기가 있었지만...
  • 무선마우스 연장 케이블 주문![사진 첨부]무선마우스 연장 케이블 주문![사진 첨부]
    • 핫슈
    • 조회 수 803
    • 17.11.01.23:40
    무선 마우스와 연장 케이블 을 주문햇어요 속옷도 (여자 거 부모님꺼지만) 같이 쇼핑 합니다 한아디로 ㅜㅜ 도착하면 리뷰 하갯습니다 [사진 청소 끝나고 주문 목록 올립니다]
  • 포켓몬스터 금을 질렀습니다.포켓몬스터 금을 질렀습니다.
    이 글은 제르의 블로그에서도 보실 수 있습니다. 만약 당신이 이 글을 해당 블로그나 Study For Us 리뷰/자랑하기 게시판이 아닌 곳에서 보고 계신다면, 그 글은 불펌된 것이니 빨리 제르에게 알리고 치킨을 뜯는 게 ...
  • [리뷰] 테슬라 차량 인도 팁[리뷰] 테슬라 차량 인도 팁
    아래 내용은 2021년 6월을 기준으로 작성되었습니다 ^^ 1. 위치 인도 장소는 테슬라 발산 딜리버리 센터입니다. 얼마 전 수원에서 이전한 것으로 알고 있습니다. 위치는 이대 서울병원 부속주차장 지하 5층에 소재하...
  • [리뷰] 9키 기계식 키보드[리뷰] 9키 기계식 키보드
    알리익스프레스에서 주문한 9키 기계식 키보드가 도착을했네요. 제목 그대로 9개의 키가 있구요. 기계식방식이고 오테뮤 스위치를 사용합니다. 청축과 적축중에 저는 소음이 적은 레드 스위치 (적축)으로 주문했습니...
  • akg n5005 이어폰이 도착했네요akg n5005 이어폰이 도착했네요
    AKG N5005 이어폰이 도착했네요. 국내 정가 100만원짜리 제품인데.... 지난달 12일에 akg 공홈에 $199.99에 풀렸습니다. 뒤늦게 알아서 초기 품절로 인해 못샀다가 새벽에 다시 풀린 물량을 구매했네요. 하지만.... ...
  • [간단리뷰] 카카오 REST API의 문자영역감지 테스트[간단리뷰] 카카오 REST API의 문자영역감지 테스트
    아시다시피 카카오 REST API 중에 문자영역감지 기능이 있습니다. https://developers.kakao.com/docs/restapi/vision#%EB%AC%B8%EC%9E%90-%EC%98%81%EC%97%AD-%EA%B0%90%EC%A7%80 간단히 설명드리면 이미지를 POST로...
  • [테스트 리뷰] 리노드 vs 카고야 VPS 시간대별 ping 비교[테스트 리뷰] 리노드 vs 카고야 VPS 시간대별 ping 비교
    제가 지난번에 소스게시판에 올린 허접한 '오토핫키를 이용한 핑 측정 스크립트'를 컴파일하여 스틱 PC(유선랜으로 공유기와 연결)에 넣고 3일 동안 매 시간마다 리노드(도쿄 리전)와 카고야의 핑을 측정하였습니다. ...
  • 레이싱휠 Real Drift 리얼드리프트 도착 6만원 대 .레이싱휠 Real Drift 리얼드리프트 도착 6만원 대 .
    • 핫슈
    • 조회 수 612
    • 17.05.06.16:19
    예고대로 주문 한 물건이 도착햇습니다 ^^
  • AudioTechnica M50xBT 헤드폰 하나 구매했네요 ㅎAudioTechnica M50xBT 헤드폰 하나 구매했네요 ㅎ
    AudioTechnica M50xBT 사무실에는 모니터링 스피커가 있기 때문에 헤드폰에 대해서는 크게 관심도 없었습니다. 그러던중에... 급하게 편집 할 일이 생겼고, 집에서 편집을 하려고 했더니.... 소리가 안들이네요.ㅠㅠ ...
  • [Tesla] USB 메모리 및 SSD 연결 테스트[Tesla] USB 메모리 및 SSD 연결 테스트
    테슬라 차량에 USB 메모리 및 SSD 연결하여 MP3 파일을 재생시키는 것과 관련하여, 제가 직접 USB 메모리 및 SSD을 연결하여 테스트한 결과를 정리해보고자 합니다. 테슬라의 OS는 리눅스 기반이기 때문에 일반 PC처...