iOS에서 Froala 에디터 테스트 - 아파치 님께 감사드립니다 ^^ > 자유게시판

자유게시판

iOS에서 Froala 에디터 테스트 - 아파치 님께 감사드립니다 ^^ 정보

iOS에서 Froala 에디터 테스트 - 아파치 님께 감사드립니다 ^^

본문

안녕하세요?

 

제가 https://sir.kr/qa/319763 이 글에 남긴 댓글에 대해 아파치 님께서 테스트를 부탁하셨는데

 

Q&A 게시판에는 댓글의 댓글의 댓글을 달 수 없는 것 같고,

 

이미지를 첨부하여 글이 길어지게 되어 부득이 자유게시판에 글을 남기네요 ^^

 

 

저는 개발자도 아니고, 웹디자이너도 아니고, IT 관련 직역에 종사하지도 않는 일반인이에요.

 

제가 알기로는 그누보드에 Froala를 공식적(?)으로 적용하신 분이

 

불당 님, 아미나의 마인드 님, 그리고 아파치 님 이렇게 계신다고 알고 있는데요.

 

저같은 초보자가 아파치 님의 사이트에 접속하여 테스트를 해볼 기회가 있어서 오히려 영광이네요 ^^

 

 

저도 요새 Summernote 0.8.12를 커스텀하고 있는데 생각보다 iOS에서 많은 문제가 발생하더군요.

 

링크파싱 등 기능을 넣고, 이모지 플러그인을 반응형으로 수정해봤는데 

 

유독 iOS 환경에서 여러 문제가 있어서 공개는커녕 저도 사용을 못하고 있네요 ㅠㅠ

 

 

Q&A 게시판에 제가 작성한 댓글을 안 보신 분들을 위해 간단히 설명을 드리면,

 

기존 웹에디터의 가장 큰 문제는 iOS에서 한글로 작성 후 엔터를 입력하면 윗줄에 붙는 점인데요.

 

Froala, Redactor, Smarteditor, Cheditor만 순정 상태에서 iOS에서의 한글 입력 문제가 없더군요.

(Trumbowyg는 엔터 입력은 제대로 작동하지만 아쉽게도 다른 유형의 문제가 발생해요.)
 

이 문제는 CKEditor는 config.removePlugins = 'enterkey'를 설정하는 방식으로,

Summernote는 Shortcuts: false를 설정하는 방식으로 해결 가능하기는 하죠.

 

다만 가을에 업데이트될 iOS 13에서 다시 CKEditor의 고질적인 엔터 입력 문제가 나타난다고 하더군요.

https://xetown.com/topics/1232867

 

 

Froala는 이런 문제에서 자유스럽습니다!

 

다만 마인드 님께서 아미나에 적용하신 Froala 스킨(프로스 게시판 스킨)의 경우

 

다음과 같이 iOS 12.4 & 크롬 환경에서 커서 위에 툴바가 올라오는 증상이 종종 발생하더군요.

 

글자를 입력해도 툴바가 계속 위에 올라와 있어서 글자를 가리는 문제가 있어요.

 

제가 Froala를 제대로 뜯어보지 않아서실력이 없어서 이러한 현상의 이유는 잘 모르겠네요 ㅠㅠ

 

이 문제가 해결되면 저도 구매를 하고 싶군요~!

 

 

1741815071_1566306879.6458.jpg

 

 

그리고 방금 아파치 님의 사이트에서 테스트한 결과를 말씀드리면요.

 

PC, 안드로이드, 아이패드, 아이폰(사파리&크롬)으로 테스트를 해봤네요.

 

다행히도 제가 걱정했던 유형의 문제는 발견하지 못했습니다 ^^

 

다만 pinch to zoom 상태에서 다음과 같은 문제가 있긴 하네요.

(이 기능의 정확한 명칭이 pinch to zoom이 맞는지는 모르겠습니다.

iOS에서 input 태그 등을 터치했을 때 자동으로 zoom이 되는 기능을 말씀드린거에요)

 

라이센스 경고창 위에 툴바가 덮히는 문제는 구매를 하면 사라질테니 별론으로 하고,

 

가끔씩 스크롤바가 엉뚱한 위치에 생기는 경우가 있네요.

 

제가 확인한 바로는 사파리에서는 이런 문제를 발견하지 못했고, 크롬에서만 발생하네요.

 

그리고 pinch to zoom 상태에서 위아래로 스크롤하면 툴바가 깜빡거리는 경우가 있습니다.

 

이 증상은 크롬에서 더 심하지만 사파리에서도 나타나는군요.

 

 

3529249749_1566308565.5314.jpg

 

 

제가 개발자가 아니라 감히 말씀드리기는 어렵지만 Summernote를 커스텀하면서 느낀 것인데요.

 

Summernote 또한 pinch to zoom 상태에서 상대적으로 더욱 불안정했습니다.

 

저는 write.skin.php에서 pinch to zoom을 막는 방향으로 해결했거든요.

 

https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone

 

여기에 여러 방법을 설명하고 있지만 아미나에서는 meta 태그를 넣는 것만으로도 해결되더군요.

 

Froala에도 전체화면으로 보기 아이콘이 있다면 pinch to zoom 대신에 이걸 활용할 수도 있겠구요.

 

참고로 Summernote에는 전체화면으로 보기 아이콘이 있지만

 

iOS에서 여러 유형의 문제가 발생해서 모바일에서는 아이콘을 아예 뺄려고 생각하고 있네요.

 

일부는 수정을 했지만 제 실력으로는 모든 문제를 다 고치지는 못하겠더군요 ㅠㅠ

 

 

참고로 Froala가 적용되어 있는 studyforus.com에서는 iOS에서의 pinch to zoom을 꺼놓았더군요.

 

원래 사이트 전체에 그렇게 적용을 하려는 의도였는지,

 

아니면 라르게덴 님의 RXE용 Froala에서도 유사한 문제가 있어서 그렇게 처리한 것인지는

 

제가 한 번 스포어의 마스터 님께 여쭤볼게요 ^^

 

 

제가 개발자가 아니다보니 개발자분들께서 보시기에는 부정확한 내용도 있을 것 같네요.

 

장황하고 두서없는 글을 읽어주셔서 감사드리고,

 

즐거운 테스트 기회를 주신 아파치 님께 다시 한 번 감사드립니다!

 

그럼 굿밤 되세요~!

추천
2

댓글 2개

스터디포어스의 마스터 님께 여쭤본 결과, 다음과 같이 말씀해주셨습니다.
"뷰포트의 경우 따로 지정하지 않는 경우 반응형 레이아웃을 사용할 때 의도한대로 레이아웃이 안나오는 경우가 종종 있어서 그냥 따로 지정하고 있는 중입니다."
직접적으로 Froala에서의 문제 때문에 그렇게 설정하신 것은 아닌 것 같네요.
그럼 남은 8월 잘 마무리하시고 항상 건강하시길 기원합니다!
전체 195,064 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여1 회 시작24.03.28 11:15 종료24.04.04 11:15
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT