아이폰에서 CK에디터 이미지 에디터 벗어나는 문제좀 찾아주세요.
| CMS/프레임워크 | Rhymix 1.9 |
|---|---|
| 개발 언어 | PHP 7.2 |
현재 특정 레이아웃에서 발생합니다.
현재 지정된 레이아웃 + 보드스킨 의경우 발생하고 있는데요.
레이아웃을 바꾸거나 혹은 보드스킨을 바꾸거나 둘중 하나를 바꾸면 괜찮아 집니다.
아무리 차이점을 찾으려 해도 찾아내지 못하고 있습니다.
아이폰으로 접속해야 합니다. 아이폰에서만 나타나는 증상입니다.
https://rxtip.kr/temp
댓글 15
혹시 어떤 문제를 중점적으로 봐야 하나요? 제가 아이폰인데 지금 해보니까 별다른 문제가 없어 보입니다.
이미지를 업로드 하면 에디트 영역에 맞게 이미지가 줄여져서 보여져야 하는데 에디터 영역보다 큰 이미지 그대로 보이는 문제입니다.
가로 스크롤이 생기고요. CK에디터의 css img max-with:100% 가 아이폰에서만 안먹는 현상입니다.
추측인데 아이폰에서만 이미지가 들어간 에디터 영역의 100% 가 굉장히 크거나 제한이 없는 상황이 아닌가 하는 생각이 듭니다.
이부분을
@media screen {
img, video {
max-width: none;
}
@media screen {
img, video {
max-width: 100%;
}
로 변경하고
.cke_editable img, .cke_editable input, .cke_editable textarea {max-with:100%} 를 주니 잘 들어가는군요.
반대로 위 처럼 하는 경우 안드로이드나 다른 상황에 어떻게 영향을 주는 지는 제가 안드로이드가 없어서 테스트는 안해봤습니다.
감사합니다. 한번 적용해 보겠습니다.
코어는 그냥 두고 수정하기 위해서 스킨의 모비일용 css 에
@media screen {img, video {max-width: 100% !important;}}
.cke_editable img, .cke_editable input, .cke_editable textarea {max-with:100%}
이렇게 추가하니 잘 되네요. 안드로이드에서도 별 다른 이상은 확인되지 않았습니다.
코어에서 수정되기 전까지 이렇게 조치를 해야 겠습니다. 감사합니다.
방금 제가 업데이트한 develop 브랜치 사용해 보세요. #1375 이슈도 해결되었다면 알려주시고요.
한번 해보겠습니다.
아이폰 사용자가 제법 있어서 골치거리였는데 이제 좀 마음이 가벼워졌네요.