Warning: Undefined array key "mobile_dir" in /home/kagla/new-sir/old/common.php on line 315
cheditor5 사용시 아래 바가 마우스 따라 다니는 현상

cheditor5 사용시 아래 바가 마우스 따라 다니는 현상

cheditor5 사용시 아래 바가 마우스 따라 다니는 현상

QA

cheditor5 사용시 아래 바가 마우스 따라 다니는 현상

답변 1

본문

3717123710_1739885318.4841.png

 

마우스가 위 아래로 움직일 때마다 이 바가 위 아래로 따라 다닙니다.. ㅠㅠ

클릭하지 않은 상태에서도 자동으로 따라 다녀요.

설명이 잘 됐는지 모르겠네요 ㅜㅠ

이 질문에 댓글 쓰기 :

답변 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 )를 남겼군요, 죄송합니다.
- 복붙했어야 했는데, 눈으로 읽어다 쓰다보니~ ㅠㅠ
- 해결 되셨다니 좋습니다.
- 저도 한 수(복붙 필수) 배워갑니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,406
© SIRSOFT
현재 페이지 제일 처음으로