body 에 적용한 배경이미지가 에디터에도 나타납니다
CMS/프레임워크 | Rhymix 2.1 |
---|---|
개발 언어 | PHP 7.4 |
문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
body 에 gnb 배경으로 사용하려고 배경이미지를 적용하였습니다.
그런데 다양한 스킨에 글쓰기하려면 한결같이 텍스트에리어에도 배경이미지가 나타나네요.
이런경우는 처음봤는데 왜 이러는 걸까요?
라이믹스 2.1에 예전 xe 공싱사이트레이아웃을 적용하였습니다.
혹시 이런경험 해 보신분 계실까요?
댓글 6
CKEditor의 편집 영역은 iframe으로 구현되어 있고, iframe 안에도 body가 있습니다.
body에다가 직접 배경을 지정하지 말고 div를 하나 만들어서 id값을 주고 position: absolute으로 최상단에 고정시키고 배경을 지정하면, CKEditor 안에는 그런 div가 없으므로 에디터 안에는 적용되지 않게 됩니다.
CKEditor의 body에는 editable cke_editable 등 여러 클래스가 적용되어 있다는 점을 이용해서, 해당 클래스가 없는 body에만 배경을 지정하는 방법도 있고요. body:not(.editable) { ... }
바보같이 사이트디자인설정에 넣어야되는데 layout.html 파일에 직접넣었었네요.
성공했습니다. 감사합니다
body:not(.editable) { ... } 팁도 감사합니다. 처음보는 방식입니다.
새로운 div 를 만들어 넣는것은 실패하였고 레이아웃 설정에 배경이미지넣기로 성공 했습니다.layout.html 에서는 최상단에 넣어야하는데 div 위치가 잘못된건지 모르겠네요. .xe 는 가로폭을 지정했기때문에 그 위쪽에 넣어야 화면전체에 적용이 되는데 반응이 없습니다.같은방식으로 xe 1.9x 플랫폼에서는 정상작동을 해서 그냥 body 에 넣었었거든요일반 css 파일과는 적용 방식이나 적용되는 시점이 다르니까
에디터 쪽에서는 인식하지 못할 수도 있지요.