cheditor에서 내용 입력창 width조절 어디서 하나요? 정보
cheditor에서 내용 입력창 width조절 어디서 하나요?관련링크
http://chang.wo.tc
107회 연결
본문
그누보드 처음 깔아보는데요.
basic은 오른쪽 스크롤바 나오는 부분이 제대로 나오는데,
cheditor에서는 오른쪽 경계선이 사라지네요.
write.skin.php 소스에서 에디터부분은 width조정이 가능한데, 내용입력하는 부분은 어디에서 해야 할 지 모르겠습니다.
경계선이 안보이니 뭔가 이상하네요;;;
도움 부탁드립니다.
chang.wo.tc
댓글 전체
해당 스킨 쓰기폼 소스의 90 번째줄 부분
<?=cheditor2('fwrite', 'wr_content', '100%', '350');?></td>
에서 100% 가 가로폭이고 350 은 높이(px)입니다.
<?=cheditor2('fwrite', 'wr_content', '100%', '350');?></td>
에서 100% 가 가로폭이고 350 은 높이(px)입니다.
테이블 사이즈보다 에디트 사이즈가 클 경우인듯 합니다만...
제 생각에 게시판 소스를 수정을 안했을 가능성이 크기에 전체 테이블 소스(헤더파일)에서 width 값을 게시판 가로 사이즈보다 작게 해서 그런 듯도합니다.
또한 위분의 말씀에서 힌트를 얻으셔도 될 듯합니다.
제 생각에 게시판 소스를 수정을 안했을 가능성이 크기에 전체 테이블 소스(헤더파일)에서 width 값을 게시판 가로 사이즈보다 작게 해서 그런 듯도합니다.
또한 위분의 말씀에서 힌트를 얻으셔도 될 듯합니다.
두 분 모두 답변 감사드립니다.
모두 확인해봤지만, 그래도 해결 불가네요;;;
그냥 허접하게 써야할 듯ㅡ.ㅡ;
모두 확인해봤지만, 그래도 해결 불가네요;;;
그냥 허접하게 써야할 듯ㅡ.ㅡ;
해당 게시판의 가로폭이 넘 좁아서 에디터 상단의 옵션창이 늘어나 그렇습니다.
설치경로/에디터/에디터.js의
// 메뉴 버튼 출력: 시작 *****/
document.write("<table cellpadding=0 cellspacing=0 width=100% id='idToolbar"+myobj+"'style=\""+this.editorToolbar+"\">");
document.write("<tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td>");
document.write("<table width=100% cellpadding=1 cellspacing=0>");
document.write("<tr>");
/*
document.write("<span title='실행 취소' style='cursor:pointer;'>" + obj.setIcon("undo.gif", 20, 20, myobj + ".exec('Undo',false)") + "</span>");
document.write("<span title='되살리기' style='cursor:pointer;'>" + obj.setIcon("redo.gif", 20, 20, myobj + ".exec('Redo',false)") + "</span>");
document.write("<span title='자르기' style='cursor:pointer;'>" + obj.setIcon("cut.gif", 20, 20, myobj + ".exec('Cut',false)") + "</span>");
document.write("<span title='복사' style='cursor:pointer;'>" + obj.setIcon("copy.gif", 20, 20, myobj + ".exec('Copy',false)") + "</span>");
document.write("<span title='붙이기' style='cursor:pointer;'>" + obj.setIcon("paste.gif", 20, 20, myobj + ".exec('Paste',false)") + "</span>");
document.write("<span title='전체 선택' style='cursor:pointer;'>" + obj.setIcon("selectall.gif", 20, 20, myobj + ".exec('SelectAll',false)") + "</span>");
*/
document.write("<span title='속성 제거' style='cursor:pointer;'>" + obj.setIcon("removeformat.gif", 20, 20, myobj + ".exec('RemoveFormat',false)") + "</span>");
document.write("<span title='굵게' style='cursor:pointer;'>" + obj.setIcon("bold.gif", 20, 20, myobj + ".exec('Bold',false)") + "</span>");
document.write("<span title='기울기' style='cursor:pointer;'>" + obj.setIcon("italic.gif", 20, 20, myobj + ".exec('Italic',false)") + "</span>");
document.write("<span title='밑줄' style='cursor:pointer;'>" + obj.setIcon("underline.gif", 20, 20, myobj + ".exec('Underline',false)") + "</span>");
document.write("<span title='가운데줄' style='cursor:pointer;'>" + obj.setIcon("strike.gif", 20, 20, myobj + ".exec('Strikethrough',false)") + "</span>");
/*
document.write("<span title='위첨자' style='cursor:pointer;'>" + obj.setIcon("superscript.gif", 20, 20, myobj + ".exec('Superscript',false)") + "</span>");
document.write("<span title='아래첨자' style='cursor:pointer;'>" + obj.setIcon("subscript.gif", 20, 20, myobj + ".exec('Subscript',false)") + "</span>");
*/
document.write("<span title='왼쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyleft.gif", 20, 20, myobj + ".exec('JustifyLeft',false)") + "</span>");
document.write("<span title='가운데 정렬' style='cursor:pointer;'>" + obj.setIcon("justifycenter.gif", 20, 20, myobj + ".exec('JustifyCenter',false)") + "</span>");
document.write("<span title='오른쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyright.gif", 20, 20, myobj + ".exec('JustifyRight',false)") + "</span>");
document.write("<span title='양쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyfull.gif", 20, 20, myobj + ".exec('JustifyFull',false)") + "</span>");
document.write("<span title='숫자 목록' style='cursor:pointer;'>" + obj.setIcon("orderedlist.gif", 20, 20, myobj + ".exec('InsertOrderedList',false)") + "</span>");
document.write("<span title='점 목록' style='cursor:pointer;'>" + obj.setIcon("unorderedlist.gif", 20, 20, myobj + ".exec('InsertUnorderedList',false)") + "</span>");
document.write("<span title='들여쓰기' style='cursor:pointer;'>" + obj.setIcon("indent.gif", 20, 20, myobj + ".exec('Indent',false)") + "</span>");
document.write("<span title='내어쓰기' style='cursor:pointer;'>" + obj.setIcon("outdent.gif", 20, 20, myobj + ".exec('Outdent',false)") + "</span>");
document.write("<span title='링크넣기' style='cursor:pointer;'>" + obj.setIcon("link.gif", 20, 20, myobj + ".insert('hlink')") + "</span>");
document.write("<span title='링크삭제' style='cursor:pointer;'>" + obj.setIcon("unlink.gif", 20, 20, myobj + ".exec('UnLink',false)") + "</span>");
document.write("<span title='미디어' style='cursor:pointer;'>" + obj.setIcon("media.gif", 20, 20, myobj + ".insert('media')") + "</span>");
document.write("<span title='그림넣기' style='cursor:pointer;'>" + obj.setIcon("image.gif", 20, 20, myobj + ".insert('image')") + "</span>");
document.write("<span title='테이블 만들기' style='cursor:pointer;'>" + obj.setIcon("table.gif", 20, 20, myobj + ".insert('table')") + "</span>");
document.write("<span title='표정 아이콘' style='cursor:pointer;'>" + obj.setIcon("em.gif", 20, 20, myobj + ".insert('em')") + "</span>");
//document.write("<span title='가로선' style='cursor:pointer;'>" + obj.setIcon("hr.gif", 20, 20, myobj + ".exec('InsertHorizontalRule',false)") + "</span>");
document.write("<span title='글자색' style='cursor:pointer;'>" + obj.setIcon("forecolor.gif", 20, 20, myobj + ".insert('forecolor')") + "</span>");
if (this.IE) {
/*
document.write("<span title='특수 문자' style='cursor:pointer;'>" + obj.setIcon("schar.gif", 20, 20, myobj + ".insertIE('schar')") + "</span>");
document.write("<span title='가로선' style='cursor:pointer;' id='hr'>" + obj.setIcon("hr.gif", 20, 20, myobj + ".displayWindow('horizontalRule');windowPos2('hr','horizontalRule',-100)",false) + "</span>");
document.write("<span title='글자색' style='cursor:pointer;' id='forecolor'>" + obj.setIcon("forecolor.gif", 20, 20, myobj + ".displayWindow('forecolor');windowPos2('forecolor','forecolor',-100)",false) + "</span>");
document.write("<span title='배경색' style='cursor:pointer;' id='backcolor'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".displayWindow('backcolor');windowPos('backcolor','backcolor',-100)",false) + "</span>");
document.write("<span title='제목 유형' style='cursor:pointer;'>" + obj.setIcon("paragraph.gif", 53, 26, myobj + ".displayWindow('paragraph');windowPos(this,'paragraph')",false) + "</span>");
document.write("<span title='글꼴 유형' style='cursor:pointer;'>" + obj.setIcon("fonttype.gif", 53, 26, myobj + ".displayWindow('fontType');windowPos(this,'fontType')",false) + "</span>");
document.write("<span title='글자 크기' style='cursor:pointer;'>" + obj.setIcon("fontsize.gif", 53, 26, myobj + ".displayWindow('fontSize');windowPos(this,'fontSize')",false) + "</span>");
*/
document.write("<span title='배경색' style='cursor:pointer;'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".insert('backcolor')") + "</span>");
}
else {
document.write("<span title='배경색' style='cursor:pointer;'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".insert('hilitecolor')") + "</span>");
/*
document.write("<span title='제목 유형' style='cursor:pointer;'><select style='font-size:9pt' id='formatblock' onchange='"+myobj+".exec(\"FormatBlock\", this.options[selectedIndex].value)'>" +
"<option value='<p>'>보통</option>" +
"<option value='<h1>'>제목 1</option>" +
"<option value='<h2>'>제목 2</option>" +
"<option value='<h3>'>제목 3</option>" +
"<option value='<h4>'>제목 4</option>" +
"<option value='<h5>'>제목 5</option>" +
"<option value='<h6>'>제목 6</option>" +
"<option value='<address>'>주소</option>" +
"<option value='<pre>'>PRE</option>" +
"</select></span>");
*/
}
document.write("<select style='font-size:9pt' id='fontname' onchange='"+myobj+".exec(\"fontname\", this.options[selectedIndex].value)'>" +
"<option value='굴림' selected>굴림</option>" +
"<option value='돋움'>돋움</option>" +
"<option value='바탕'>바탕</option>" +
"<option value='궁서'>궁서</option>" +
"<option value='Arial'>Arial</option>" +
"<option value='Arial Black'>Arial Black</option>" +
"<option value='Tahoma'>Tahoma</option>" +
"<option value='Courier'>Courier</option>" +
"<option value='Times New Roman'>Times New</option>" +
"<option value='Verdana'>Verdana</option>" +
"</select>");
document.write("<select style='font-size:9pt' id='fontsize' onchange='"+myobj+".exec(\"fontsize\", this.options[selectedIndex].value)'>" +
"<option value='1'>크기 1</option>" +
"<option value='2' selected>크기 2</option>" +
"<option value='3'>크기 3</option>" +
"<option value='4'>크기 4</option>" +
"<option value='5'>크기 5</option>" +
"<option value='6'>크기 6</option>" +
"<option value='7'>크기 7</option>" +
"</select>");
에서 불필요한 부분을 주석처리하시거나 아니면 일단 여러부분을 주석처리 하신후 테스트 해 보십시오.
설치경로/에디터/에디터.js의
// 메뉴 버튼 출력: 시작 *****/
document.write("<table cellpadding=0 cellspacing=0 width=100% id='idToolbar"+myobj+"'style=\""+this.editorToolbar+"\">");
document.write("<tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td>");
document.write("<table width=100% cellpadding=1 cellspacing=0>");
document.write("<tr>");
/*
document.write("<span title='실행 취소' style='cursor:pointer;'>" + obj.setIcon("undo.gif", 20, 20, myobj + ".exec('Undo',false)") + "</span>");
document.write("<span title='되살리기' style='cursor:pointer;'>" + obj.setIcon("redo.gif", 20, 20, myobj + ".exec('Redo',false)") + "</span>");
document.write("<span title='자르기' style='cursor:pointer;'>" + obj.setIcon("cut.gif", 20, 20, myobj + ".exec('Cut',false)") + "</span>");
document.write("<span title='복사' style='cursor:pointer;'>" + obj.setIcon("copy.gif", 20, 20, myobj + ".exec('Copy',false)") + "</span>");
document.write("<span title='붙이기' style='cursor:pointer;'>" + obj.setIcon("paste.gif", 20, 20, myobj + ".exec('Paste',false)") + "</span>");
document.write("<span title='전체 선택' style='cursor:pointer;'>" + obj.setIcon("selectall.gif", 20, 20, myobj + ".exec('SelectAll',false)") + "</span>");
*/
document.write("<span title='속성 제거' style='cursor:pointer;'>" + obj.setIcon("removeformat.gif", 20, 20, myobj + ".exec('RemoveFormat',false)") + "</span>");
document.write("<span title='굵게' style='cursor:pointer;'>" + obj.setIcon("bold.gif", 20, 20, myobj + ".exec('Bold',false)") + "</span>");
document.write("<span title='기울기' style='cursor:pointer;'>" + obj.setIcon("italic.gif", 20, 20, myobj + ".exec('Italic',false)") + "</span>");
document.write("<span title='밑줄' style='cursor:pointer;'>" + obj.setIcon("underline.gif", 20, 20, myobj + ".exec('Underline',false)") + "</span>");
document.write("<span title='가운데줄' style='cursor:pointer;'>" + obj.setIcon("strike.gif", 20, 20, myobj + ".exec('Strikethrough',false)") + "</span>");
/*
document.write("<span title='위첨자' style='cursor:pointer;'>" + obj.setIcon("superscript.gif", 20, 20, myobj + ".exec('Superscript',false)") + "</span>");
document.write("<span title='아래첨자' style='cursor:pointer;'>" + obj.setIcon("subscript.gif", 20, 20, myobj + ".exec('Subscript',false)") + "</span>");
*/
document.write("<span title='왼쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyleft.gif", 20, 20, myobj + ".exec('JustifyLeft',false)") + "</span>");
document.write("<span title='가운데 정렬' style='cursor:pointer;'>" + obj.setIcon("justifycenter.gif", 20, 20, myobj + ".exec('JustifyCenter',false)") + "</span>");
document.write("<span title='오른쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyright.gif", 20, 20, myobj + ".exec('JustifyRight',false)") + "</span>");
document.write("<span title='양쪽 정렬' style='cursor:pointer;'>" + obj.setIcon("justifyfull.gif", 20, 20, myobj + ".exec('JustifyFull',false)") + "</span>");
document.write("<span title='숫자 목록' style='cursor:pointer;'>" + obj.setIcon("orderedlist.gif", 20, 20, myobj + ".exec('InsertOrderedList',false)") + "</span>");
document.write("<span title='점 목록' style='cursor:pointer;'>" + obj.setIcon("unorderedlist.gif", 20, 20, myobj + ".exec('InsertUnorderedList',false)") + "</span>");
document.write("<span title='들여쓰기' style='cursor:pointer;'>" + obj.setIcon("indent.gif", 20, 20, myobj + ".exec('Indent',false)") + "</span>");
document.write("<span title='내어쓰기' style='cursor:pointer;'>" + obj.setIcon("outdent.gif", 20, 20, myobj + ".exec('Outdent',false)") + "</span>");
document.write("<span title='링크넣기' style='cursor:pointer;'>" + obj.setIcon("link.gif", 20, 20, myobj + ".insert('hlink')") + "</span>");
document.write("<span title='링크삭제' style='cursor:pointer;'>" + obj.setIcon("unlink.gif", 20, 20, myobj + ".exec('UnLink',false)") + "</span>");
document.write("<span title='미디어' style='cursor:pointer;'>" + obj.setIcon("media.gif", 20, 20, myobj + ".insert('media')") + "</span>");
document.write("<span title='그림넣기' style='cursor:pointer;'>" + obj.setIcon("image.gif", 20, 20, myobj + ".insert('image')") + "</span>");
document.write("<span title='테이블 만들기' style='cursor:pointer;'>" + obj.setIcon("table.gif", 20, 20, myobj + ".insert('table')") + "</span>");
document.write("<span title='표정 아이콘' style='cursor:pointer;'>" + obj.setIcon("em.gif", 20, 20, myobj + ".insert('em')") + "</span>");
//document.write("<span title='가로선' style='cursor:pointer;'>" + obj.setIcon("hr.gif", 20, 20, myobj + ".exec('InsertHorizontalRule',false)") + "</span>");
document.write("<span title='글자색' style='cursor:pointer;'>" + obj.setIcon("forecolor.gif", 20, 20, myobj + ".insert('forecolor')") + "</span>");
if (this.IE) {
/*
document.write("<span title='특수 문자' style='cursor:pointer;'>" + obj.setIcon("schar.gif", 20, 20, myobj + ".insertIE('schar')") + "</span>");
document.write("<span title='가로선' style='cursor:pointer;' id='hr'>" + obj.setIcon("hr.gif", 20, 20, myobj + ".displayWindow('horizontalRule');windowPos2('hr','horizontalRule',-100)",false) + "</span>");
document.write("<span title='글자색' style='cursor:pointer;' id='forecolor'>" + obj.setIcon("forecolor.gif", 20, 20, myobj + ".displayWindow('forecolor');windowPos2('forecolor','forecolor',-100)",false) + "</span>");
document.write("<span title='배경색' style='cursor:pointer;' id='backcolor'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".displayWindow('backcolor');windowPos('backcolor','backcolor',-100)",false) + "</span>");
document.write("<span title='제목 유형' style='cursor:pointer;'>" + obj.setIcon("paragraph.gif", 53, 26, myobj + ".displayWindow('paragraph');windowPos(this,'paragraph')",false) + "</span>");
document.write("<span title='글꼴 유형' style='cursor:pointer;'>" + obj.setIcon("fonttype.gif", 53, 26, myobj + ".displayWindow('fontType');windowPos(this,'fontType')",false) + "</span>");
document.write("<span title='글자 크기' style='cursor:pointer;'>" + obj.setIcon("fontsize.gif", 53, 26, myobj + ".displayWindow('fontSize');windowPos(this,'fontSize')",false) + "</span>");
*/
document.write("<span title='배경색' style='cursor:pointer;'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".insert('backcolor')") + "</span>");
}
else {
document.write("<span title='배경색' style='cursor:pointer;'>" + obj.setIcon("backcolor.gif", 20, 20, myobj + ".insert('hilitecolor')") + "</span>");
/*
document.write("<span title='제목 유형' style='cursor:pointer;'><select style='font-size:9pt' id='formatblock' onchange='"+myobj+".exec(\"FormatBlock\", this.options[selectedIndex].value)'>" +
"<option value='<p>'>보통</option>" +
"<option value='<h1>'>제목 1</option>" +
"<option value='<h2>'>제목 2</option>" +
"<option value='<h3>'>제목 3</option>" +
"<option value='<h4>'>제목 4</option>" +
"<option value='<h5>'>제목 5</option>" +
"<option value='<h6>'>제목 6</option>" +
"<option value='<address>'>주소</option>" +
"<option value='<pre>'>PRE</option>" +
"</select></span>");
*/
}
document.write("<select style='font-size:9pt' id='fontname' onchange='"+myobj+".exec(\"fontname\", this.options[selectedIndex].value)'>" +
"<option value='굴림' selected>굴림</option>" +
"<option value='돋움'>돋움</option>" +
"<option value='바탕'>바탕</option>" +
"<option value='궁서'>궁서</option>" +
"<option value='Arial'>Arial</option>" +
"<option value='Arial Black'>Arial Black</option>" +
"<option value='Tahoma'>Tahoma</option>" +
"<option value='Courier'>Courier</option>" +
"<option value='Times New Roman'>Times New</option>" +
"<option value='Verdana'>Verdana</option>" +
"</select>");
document.write("<select style='font-size:9pt' id='fontsize' onchange='"+myobj+".exec(\"fontsize\", this.options[selectedIndex].value)'>" +
"<option value='1'>크기 1</option>" +
"<option value='2' selected>크기 2</option>" +
"<option value='3'>크기 3</option>" +
"<option value='4'>크기 4</option>" +
"<option value='5'>크기 5</option>" +
"<option value='6'>크기 6</option>" +
"<option value='7'>크기 7</option>" +
"</select>");
에서 불필요한 부분을 주석처리하시거나 아니면 일단 여러부분을 주석처리 하신후 테스트 해 보십시오.
