웹마스터 팁
에디터입력창 배경색상(이미지) 변경해보기
2008.07.13 17:49
아마 저의 생각으로는 에디터기 옵션에 글꼴색상을 변경 할 수 있어서 글꼴의 기본색상이 다른 곳에 지정되어져 있는 것 같습니다.
제가 찾아본 소스에서는 찾을 수가 없네요.
어디인가는 있을텐데......!
그래서 생각해낸 것이 에디터창안의 배경색상을 바꾸어 보기로 했다.
[수정파일] /zbxe/modules/editor/skins/default/editor.html 안에 136줄부터
<div class="editor_iframe_box"><iframe id="editor_iframe_{$editor_sequence}" frameborder="0" height="{$editor_height}" style=" background-color:transparent;" allowTransparency="true"></iframe></div>
<textarea id="editor_textarea_{$editor_sequence}" class="editor_iframe_textarea" style="display:none; height:{$editor_height}" rows="10" cols="10"></textarea>
배경이미지를 넣고 싶으시면
style="background:url(./modules/editor/skins/default/images/image.gif) no-repeat right top #ffffff;"
이렇게 소스를 변경하고 나면 에디터입력창 뿐만 아니라 댓글입력창도 함께 변경됩니다.
다른 글꼴들의 색상은 /css/editor.css 안을 살펴보면 버꿀 수 있습니다.
댓글 5
-
gnee
2008.07.26 04:11
댓글 부분과 글부분은 다르게 나타내주고 싶은데 나눠서 어떻게 못하나요? -
유우타
2008.08.17 21:52
감사합니다. 적용 잘 했습니다 ~~ ^^ -
earthhero.me
2008.11.21 15:09
저두 검은 배경의 레이아웃이라 이거 뒤져봐야 했는데 이히히
덕분에 쉽게 적용하겠네요. ^^ -
뻐카충
2009.11.28 00:16
궁금한게 있는데요, 게시판 자체는 투명으로 못만드나요?
-
숙희
2012.11.02 19:59
제로XE. 검정색 에디터 글쓰기에서 글씨 색상변경하기
-------------------------------------------------
검정색 에디터에서는 글쓰기를 하면 색상이 같아서 나타나지 않습니다
이럴 경우에는 editor.css파일을 열어 변경을 해주면 됩니다.
먼저 게시판 설정 -- 추가설정에서 원하는 에디터 검은색 위지웍스킨을 선택하고바로 밑에있는 문서서식에는 --XE 기본 서식을 선택을 하세요
(하얀배경, 검은배경, 아무것도 적혀져 있지 않은 것을 선택을 해야 합니다.)
그 다음으로는 모듈에 있는 에디터를 찾아 가야 합니다. 경로는~
./modules/editor/styles 에 가면 default와 dreditor의 CSS를 수정을
해야합니다
* default에는 editor.style CSS두개가 있는데 xe_content{color:#000; ...이렇게
되어 있는 것을 자신의 검정배경에 맞게 수정합니다.(#aaa 나 #bbb가 적당합니다)
* dreditor에도 editor.style CSS두개가 있는데 editor만 위의 방법대로 수정합니다
위~ 모두 CSS내용이 많지 않으니 쉽게 수정을 할 수가 있습니다#ffffff 색상은 너무 하얗게 나오니 #CCC나 아니면 #999정도로 해보세요
(#aaa 나 #bbb가 적당합니다)
제목 | 글쓴이 | 날짜 |
---|---|---|
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
라르게덴님의 Xpresseditor + AXISJ AXUpload5(HTML5)와 mex_default 스킨 [5] | 투씨 | 2013.11.29 |
에디터입력창 배경색상(이미지) 변경해보기 [5] [1] | 팔공산 | 2008.07.13 |
중국어(zh-CN) 포함한 다국어시 페이지모듈 버그 해결법 [1] | sejin7940 | 2012.07.26 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] | 예뜨락 | 2008.05.11 |
나만의 위지윅 웹에디터 만들기 - 기본 준비1 [3] | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] | 예뜨락 | 2008.05.05 |
textarea 에디터를 사용하는 리플에서 태그 막기 [2] | 老姜君 | 2009.02.22 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] | 대암지기 | 2008.03.09 |
에디터에 관리자멘트 넣기 [총정리] [17] | 된장맛껌 | 2009.05.23 |
회원약관 추가 [7] | 애치티 | 2009.01.15 |
댓글(코멘트) 입력창에 이미지 넣기 [19] | skyatc | 2008.08.29 |
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] | 지허 | 2007.10.01 |
에디터 사용 옵션으로 처리하기[EDITOR MODULE][ver 1.0.1][Page4-3] | 대암지기 | 2008.04.08 |