42번째줄에 있는 코드입니다.
<div id="ckeditor_instance_{$editor_sequence}" data-editor-sequence="{$editor_sequence}" data-editor-primary-key-name="{$editor_primary_key_name}" data-editor-content-key-name="{$editor_content_key_name}" style="min-height:{$editor_height_fixed}px;"></div>
이 부분에 class명 넣어서 배포해주시면 어떨까 싶습니다.
화면 새로고침시에 4픽셀정도?가 계속 움직이네요.
그걸 막기위해 스크립트짜고 어쩌고 하기보다 클래스명 하나 넣으면 간단히 해결될 것 같아서 질문글에 올립니다.
(아니면 저 스타일 속성에 padding-bottom: 4px;을 하나만 추가해줘도 될것 같습니다. 그러면 글, 코멘트 모두에서 한번에 고정되니 더 편할수도...)
| PHP | PHP 7.4 |
|---|---|
| CMS | Rhymix 2.1 |
-
Lv19 
Lv4 윤삼님 새해 복 많이 받으실겁니다.~^^
전 선택자 뒤에 번호가 붙어서 같은 선택자가 중복되는 걸로 착각했었네요. 보니까 하나밖에 없군요.
(하지만... 배포시에 4px 하나 붙여주면 수많은 사람들이 반복하지 않아도 될거 같긴 합니다.) -
Lv36 develop 버전에서 CKEditor div에 class="rx_ckeditor"를 추가했습니다.
높이가 4px 달라지는 문제는 padding으로 해결할 것이 아닌 듯 합니다. editor.html을 보시면 $editor_height_fixed라는 변수가 있습니다. 흔히 사용하는 툴바 구성에 따른 에디터 높이를 미리 예측하여 적당한 공간을 확보하기 위한 코드인데, 지난 몇 년 사이 CKEditor가 업데이트되면서 이 값이 맞지 않게 되었거나, 원래 없던 margin이나 padding이 추가되었을 가능성이 있습니다.
-
Lv4
Lv36 최신 버전에 포함된 CKEditor 기준으로 얼마나 움직이는지 다시 측정해서 develop 브랜치에 적용해 보았습니다. 윈도우 크롬과 엣지는 3px, 파이어폭스는 1px씩 조정했고 그 밖의 브라우저(예: 맥 사파리)나 모바일은 아직 체크하지 못했습니다.
위의 조정값은 XEDITION 레이아웃/스킨 기준이고 특정 기기나 스킨에서 추가로 조정할 필요가 있을지도 모르니, 연초에 릴리즈할 라이믹스 2.1.11부터는 class로 잡으면 된다고 팁글 살짝 수정해 주시면 도움이 될 것 같네요.^^
div[id^="ckeditor_instance_"] 같은 방식으로 선택자를 잡으면 되지 않나요?