cheditor5 사용시 아래 바가 마우스 따라 다니는 현상
본문
마우스가 위 아래로 움직일 때마다 이 바가 위 아래로 따라 다닙니다.. ㅠㅠ
클릭하지 않은 상태에서도 자동으로 따라 다녀요.
설명이 잘 됐는지 모르겠네요 ㅜㅠ
답변 1
cheditor5에서 하단 바가 마우스를 따라다니는 문제는
일반적으로 CSS 또는 JavaScript에서 position: fixed; 속성이 적용되었기 때문일 겁니다.
＊관련 CSS 수정 - position: fixed 또는 absolute 제거 - 예시
- plugin/editor/cheditor5/cssui.css에 아래의 주석 달린 두 줄 추가하여 보실래요~
.cheditor-resizebar {
height: 11px;
overflow: hidden;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
cursor: s-resize;
background: #eee url(../icons/splitter.gif) no-repeat center top;
position: static !important; /* 위치 고정을 방지 추가 */
bottom: auto !important; /* 아래 고정 추가 */
}
＊관련 스크립트에서 position: fixed를 제거하는 코드를 추가 (선택적 사용)
window.onload = function() {
var resizeBar = document.querySelector(".cheditor-resizebar");
if (resizeBar) {
resizeBar.style.position = "static";
resizeBar.style.bottom = "auto";
}
};
너무 너무 감사드립니다 !!
덕분에 해결했습니다 ㅎ
왕초보라서 조금 어려웠던 부분은
plugin/editor/cheditor5/cssui.css 이 파일을 못 찾아서 시간이 걸렸습니다. ㅠㅠ
말씀하신 수정해야할 파일은
plugin/editor/cheditor5/css/ui.css 여기에 있었습니다.
다시 한번 감사드립니다 ㅎ
- 죄송합니다, ㅠ ㅠ 제가 실수로 오타(cssui.css )를 남겼군요, 죄송합니다.
- 복붙했어야 했는데, 눈으로 읽어다 쓰다보니~ ㅠㅠ
- 해결 되셨다니 좋습니다.
- 저도 한 수(복붙 필수) 배워갑니다.
죄송하다니요.. 너무 너무 감사합니당 ㅎ
^^
