ckeditor에서 이미지속성

CKeditor에서 게시글을 작성할시에

첨부된 사진에 오른쪽클릭을 하여 이미지속성을 설정할 수 있는 기능이 있습니다.

 

이 기능에서 기본적으로 이미지 사이즈 중 넓이나 높이 둘 중 하나의 값을 설정하면

자동으로 나머지 높이나 넓이값도 계산해서 자동입력이 됩니다.

 

문제는 이렇게 첨부된 이미지가 해상도가 변경될때

넓이는 조정되지만 높이는 고정되어 이미지의 비율이 깨진다는 점인데요

 

이 점을 고치려면 어떻게 해야할까요?

 

사용하는 코어는 라이믹스이며, 게시판스킨은 Pjax입니다.

  • profile

    사용하시는 스킨의 분몬 이미지 max-width:100% 이게 들어가 있는 곳에.
    height: auto !important;
    를 추가해 보세요. 어떤 다른 부작용이 있는지는 저도 잘 모르겠습니다.

    (스타일 따로 넣지 않으면 코어에서 기본적으로 height:auto 가 선언되어있는 것이 동작하는데 에디터에서 강제로 스타일 지정하면 height:auto 보다는 사용자가 지정한 사이즈가 우선하는게 맞습니다. 다만 스킨에서 이것을 고려하지 못하고 가로사이즈만 폭을 넘지 않게 처리해 놓아서 생기는 문제로 보입니다.)

  • profile ?
    • sara
    • 질문기여자
    아.... 그렇군요.제가 생각한 방법에 가장 근접한 방법인것같습니다.
    다만 애초에 넓이기준이든 높이값이 있든 비율만 조절되서 자동리사이징만 되면 될텐데 그게 어려운거같네요 ㅜ
  • ?
    제가 그래서 그걸 싫어합니다.

    커스텀 빌드할 때는 아예 이미지 리사이즈 플러그인 자체를 빼버렸네요
  • ? ?
    • sara
    • 질문기여자
    CKeditor 커스텀빌드말씀이신가요? 이미지속성기능이 워낙 유용하긴한데...ㅜ
  • profile
    근본적인 해결책은 아니지만,
    제 경우에는 그냥 사용자가 ckeditor 사용해서 이미지 넣고 사이즈 조절할 때, 세부화면 들어가서 height 부분을 지웁니다. 그러면 width만 남아서 자동으로 비율 유지되더군요..

    물론 이건 아는 사람만 그렇게 사용하는 거고, 일반 유저들에게 그렇게 번거로움을 주면 조금 곤란하겠지요?
  • profile ?
    • sara
    • 질문기여자
    저도 간장게장님께서 쓰시는 방법을 쓰지만
    말씀해주신대로 일반 유저들마저 그렇게 하기엔 번거롭고
    모바일의경우 더욱 어려워지는 모양새라..ㅎ;