2009년 5월 9일 토요일

[CSS]Textcube 글쓰기 폭 650px 제한풀기

Textcube는 스킨에서 본문폭을 아무리 크게 잡아도 에디터폭이 650px로 제한되어 있어서 답답할때가 있다.

FM_modern/editor.js 파일에서 아래 부분의 값을 바꾸어 주면 된다.
TTModernEditor.prototype.initialize = function(textarea) {
/.../
 this.iframe.style.width = Math.min(skinContentWidth + (STD.isIE ? 56 : 64), 650) + "px"; <- 930로변경
/.../
}

Textcube 1.7의  관리자스킨 whitedream
style/admin/whitedream/basic.css 파일
#pseudo-box {width                            : 980px; } <-외곽 박스의 값

style/admin/whitedream/editor.css 파일
#textarea-section
{
 background-color                 : #F2F2F2;
 clear                            : both;
 margin                           : 0 0px 0 0;
 padding                          : 0 0 5px 0;
 width                            : 650px; <- 940px 로 변경
}
#editWindow  <- HTML 포매터 박스
{
 height                           : 448px;
 width                            : 644px<-934px 로 변경
}

아래부터는 안해줘도 되나 크기 일관성을 위해서...
#taglocal-section
{
 background-color                 : #F2F2F2 !important;
 margin                           : 0 20px 5px 0;
 padding                          : 4px 5px 3px 5px;
 width                            : 640px !important; <- 930px 로 변경
}
#upload-section
{
 background-color                 : #F5F5F5;
 margin                           : 5px 20px 2px 0;
 position                         : relative;
 width                            : 650px; <- 940px 로 변경
}
#insert-container
{
 position                         : absolute;
 top                              : 36px;
 right                            : 5px; <- left :550px 로 변경
 width                            : 100px;
}

아래와 같이 HTML에디터를 넓게 쓸수 있으며 본문 폭 930px 스킨까지는 TTML 에디터 화면도 같이 넓어진다.

User image

댓글 3개:

  1. 설치형 텍스쳐 큐브는 가능하지만...음...이것도 좀 고치지면 좋겠네요...

    답글삭제
  2. 우왕~ 정말 좋은 정보군요!! ㅇㅅㅇ!!!

    이미지 하나 얹으면 갑갑해서 짜증났는데 ㅋㅋ 오늘 바로 수정해봐야겠습니다.

    답글삭제
  3. 아.. 설치형도 있나보군요? 저는 구글에서 주는거라 OTL

    답글삭제