Q&A

ck에디터 배경색이 투명이라서 배경화면이 보입니다.

고양이
2020.11.21 11:01
741
0
15
CMS/프레임워크 Rhymix 1.9
개발 언어 PHP 7.2

ck 에디터 배경색이 흰색이 아니고 투명레이어로 아래의 배경화면이 보입니다.

혹시 원인 알 수있을까요?

 

라이믹스 최신버전 업데이트 이 후 생긴 증상입니다.

 
목록
톰캣 Lv. 11
시대의 흐름에 뒤떨어지지 않도록 아주 천천히지만 노력하고 있습니다.

댓글 15

  • 웹지기
    2020.11.21 11:07 #1483822
    최신버전은 레이아웃의 css의 영향을 받는 것으로 압니다.
    문제가 되신다면 관리자페이지의 에디터 설정에서 css 추가를 해서 배경을 #ff 로 하시던시 시도해보세요.
    추천 0
  • 고양이
    2020.11.21 11:13 #1483826
    그러네요. 확인해보니 body에 주었던 배경이 CK에디터 내부에도 CSS가 적용되어 버리는 것 같습니다.
    추천 0
  • else
    2020.11.21 13:06 #1483880
    저도 같은 문제로 얼마전에 질문 드렸었습니다. 웹지기님 말씀 처럼 해결하시면 됩니다. 상황이 약간 다를 수 있지만 제 경우는 important를 삭제하는 것으로 해결했습니다. 레이아웃 배경에 칼라 필요해서요.
    답변 해주신 분들 글일 읽어보면 쉽게 이해하실 수 있을 겁니다.
    https://xetown.com/questions/1475160
    추천 0
  • 고양이
    2020.11.23 01:59 #1484331

    저는 important 는 안들어가있는데도 바디의 css가 중복 적용되네요

    추천 0
  • 웹지기
    2020.11.23 02:41 #1484336
    관리자페이지 에디터에 css 추가해주는게 있습니다. 거기에 추가를 해서 CK에디터의 배경이 #fff 가 되도록 해보세요.
    추천 0
  • 고양이
    2020.11.23 02:46 #1484340
    css 추가 기능은 외부 파일 불러오는 것 같고
    body.cke_editable { padding: 5px; background-color: #fff; }

    이미 에디터의css 에는 정상적으로 fff 가 들어가있는 것 같습니다.
    추천 0
  • 웹지기
    2020.11.23 02:48 #1484348
    말씀 하신 형태로 직접 css 를 넣어 보시라고 한겁니다. 그렇게 되어있는데 안된다면 타겟이 잘못되었거나 background-color: #fff !important; 로 해보셔야 할 것 같구요.

    해당 기능이 이렇게 레이아웃등의 영향을 받을 경우 사용하는 용도 같습니다.
    추천 0
  • 고양이
    2020.11.23 02:46 #1484344
    왜 최신버전의 라이믹스에서만 상위의 Body CSS를 가져오는지 이해가 가질 않네요.
    추천 0
  • 웹지기
    2020.11.23 02:55 #1484352
    제가 직접 테스트를 해보니

    html body.cke_editable { background-color: #fff !important ; }

    위 경로에 적용을 해야 하고 important를 붙여야 하는 상황입니다.
    코어에서 이미 CK에디터 부분 배경색 등이 지정되어 있던데요.
    추천 0
  • 웹지기
    2020.11.23 03:01 #1484356

    저도 기술적인 것은 잘 이해하지 못하지만 최신버전에서 사이트 전체의 일관성(글 작성할때와 출력할때 동일하게 보여주는 것)을 유지하는 방식으로 변경되어서 그런거로 앖니다. 저도 지식이 높지는 않아 충분히 설명은 못하겠네요.

    추천 0
  • 고양이
    2020.11.23 05:21 #1484363
    F12로 이것저것 훑어보고있는데



    XETOWN의 경우
    .rhymix_content.editable {
    background: #000!important;
    overflow: auto;
    }

    여기가 소스에 영향을 미치고 제 사이트는 .xe_content.editable 여기를 !important;로 지정해도 아예 안먹네요. 다른 플러그인 때문인지 참으로 이상하네요
    추천 0
  • 웹지기
    2020.11.23 05:27 #1484368
    개발자도구로 보면 쉽게 찾아집니다. 사이트마다 사용하는 레이아웃이 다르게 때문에 영향 주는 것이 다를겁니다. 아예 영향이 없는 경우가 대부분이긴 합니다만.

    제가 운영하는 사이트 중 한곳을 테스트 삼아 배경을 검정색으로 바꿔 봤는데
    html body.cke_editable 이런 경로 요소에 적용을 해야 했습니다.
    추천 0
  • 고양이
    2020.11.23 05:42 #1484381

    XETOWN 에 배경을 넣어보고 테스트 해보니 결정적으로

    .rhymix_content, .rhymix_content>div, .rhymix_content>span, .rhymix_content>p, .rhymix_content>ul, .rhymix_content>ol, .rhymix_content>h2, .rhymix_content>h1, .rhymix_content>h2, .rhymix_content>h3, .rhymix_content>h4, .rhymix_content>h5, .rhymix_content>h6, .rhymix_content article>div, .rhymix_content article>span, .rhymix_content article>p, .rhymix_content article>ul, .rhymix_content article>ol, .rhymix_content article>h2, .rhymix_content article>h1, .rhymix_content article>h2, .rhymix_content article>h3, .rhymix_content article>h4, .rhymix_content article>h5, .rhymix_content article>h6 {
    color: #000!important;
    background: transparent!important;


    background: transparent!important;
    해당 문구가 필요했습니다.

    추천 0
  • 랩퍼투혼
    2021.09.04 07:57 #1608749
    저도 이분의 말씀대로 복붙하니~ 해결되었습니다

    감사드림!!
    추천 0
  • 고양이
    2020.11.23 05:28 #1484372

    제사이트는 
    .xe_content.editable 해당 CSS에 영향을 받긴하나 body 에 배경이미지를 두었을경우 어떠한 색을 넣어도 반영이 되지 않네요.

     

    에디터 css에도 배경이미지를 두어야 할 모양인 가봅니다.

    추천 0
1 2 3 4 5