예를들어 xe타운은 사이트 배경이 있다보니 이런식으로 들어가는 경우가 많습니다.
https://xetown.com/index.php?mid=lakepark&category=5779&document_srl=99278
글에 설정된 값은 무시하고 자동으로 background-color 값을 transparent 로 보여 주는 방법이 있을까요? (기존 작성글들까지 적용되기 위해서..)
skyo
Lv. 10
https://x86.co.kr
댓글 15
.xe-content > p {backgorund-color:transparent !important}
아마 XE타운에서는 제가 건의드린 코드 복사 붙여넣기 기능때문에도 문제가 생기는 부분일지도 모르고요(CKEditor)
크롬이나 그 뭐시기냐 파폭의 경우 무언가의 브라우저내용을 복사하면, 일반 텍스트가 아니라 HTML 스타일코드로 복사 하는 경향이 있는듯합니다.
그래서 에디터상에 붙여넣기 시전하면 그 스타일리시가 다 붙여넣어지니.. 해당 기능을 브라우저 단위에서 사실 해야하는데, 그 부분의 기능을 막아버리기가 애매하니, 차라리 background-color 를 바꾸는 형태로 가는거죠..
그렇게 되면, 음영을 넣은 배경색까지 전부 바뀌게되어 에디터에서 직접 수정한 글에대해서도 투명처리화가 되겠습니다.
그래서 보통은 냅두시는게..ㅠ.ㅠ
아니면, 에디터를 Textarea 으로 운영해야하는데 사실 건..(노답..)이죠..
background-color 속성을 모두 날려버리는 방법도 있겠네요.
<div id="background">
{$oDocument->getContent(false)}
</div>
<script language="javascript">
$('.read_body clarity-font').css('background-color','#transparent')
$('.read_body clarity-font').css('color','#fff')
</script>
정녕 방법이 없을까요?
$("div.xe_content p").css("background-color", "transparent");
이렇게 해보세요. transparent에는 #을 붙이지 않습니다.
<div class="td-post-text-content" style="background-color: rgb(255, 255, 255);"><p style="color: rgb(38, 38, 38); font-family: '”Nanum Gothic”'; font-size: 15px; line-height: 23px; margin-bottom: 23px;"> <br />로이터는 수요일 (미국시간) 전 임원들과 삼성과 거래했던 사람들을 인용해 삼성의 하드웨어가 주도해 왔던 문화가 변하지 않으면, 최근 소프트웨어와 서비스 플랫폼을 강화하려는 노력들이 무산될 것이라고 경고했다.</p></div>
말씀 수진대로 요렇게 집어 넣었습니다.
<script language="javascript">
$("div.xe_content p").css("background-color", "transparent");
</script>
소스코드의 p를 div로 바꾸셔야 할 듯...
$("div.xe_content").find("p,div").css("background-color", "transparent");
이렇게 하시면 p, div 모두 한꺼번에 처리할 수 있어요. (span도 추가하셔도 됩니다.) 사용자들이 다른 사이트에서 어떤 태그를 긁어올지 모르니까...
$(document).ready(function(){
}
이 안에 들어가야 합니다..
(document가 모두 준비가 되면 그때 이 안의 스크립트를 실행하라는 것입니다.)
html문서는 순차적으로 실행되기 때문에 먼저 바꾸고 뒤에 xe_content가 나오면 소용이 없기 때문입니다.