이런 테이블 옆으로 늘어남 현상 아시는 분..? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

이런 테이블 옆으로 늘어남 현상 아시는 분..? 정보

이런 테이블 옆으로 늘어남 현상 아시는 분..?

본문

http://minwoocoop.or.kr/bbs/board.php?bo_table=cook_knowhow&wr_id=173&page=&sca=&sfl=&stx=&sst=&sod=&spt=&page=
 
 
만드는 법 부분이 cheditor로 작성해서 올리는 부분입니다.
 
이미지를 넣지 않고 텍스트만 넣고 작성하면 아무 문제 없는데
 
cheditor로 이미지만 넣었다 하면 이렇게 테이블이 옆으로 벌어지는데
 
해결 방법이 없을까요..?
  • 복사

댓글 전체

-. 관련파일 및 소스코드 : /skin/board/스킨이름/view.skin.php의 최하단 부분.
하단의 소스코드(자바스크립트)는 이미지의 폭을 강제로 조정해 주는 방식입니다.
cheditor 또한 하단 구문이 view스킨에 포함되어 있을 겁니다.

<script language="JavaScript">
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resize_image()
{
    var target = document.getElementsByName('target_resize_image[]');
    var image_width = parseInt('<?=$board[bo_image_width]?>');
    var image_height = 0;

    for(i=0; i<target.length; i++) {
        // 원래 사이즈를 저장해 놓는다
        target[i].tmp_width  = target[i].width;
        target[i].tmp_height = target[i].height;
        // 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
        if(target[i].width > image_width) {
            image_height = parseFloat(target[i].width / target[i].height)
            target[i].width = image_width;
            target[i].height = parseInt(image_width / image_height);
        }
    }
}

window.onload = resize_image;
</script>
<!-- 게시글 보기 끝 -->



-. cheditor
기본적으로 html이 적용되어 있는 상태입니다.

즉, 특정한 웹페이지를 Drag & Drop으로 새로운 게시물을 작성하는 경우,
이미 cheditor는 특정 웹페이지의 html코드(자체적인 <div>와 해당 웹페이지의 <table> 태그 등)까지도
끌어오는 방식입니다.

따라서 cheditor로 작성된 게시물을 열람하는 부분(view스킨, 이를테면 view.skin.php)에서,
화면 사이즈(폭, width)를 특정한 형태로 고정시키는 방식을 사용해야 겠지요.

참고로 /설치경로/head.php의 최상단에는 $table_width = 1000; 와 같이,
index.php의 전체적인 폭(head.php는 index.php를 위&왼쪽을 감싸 안는 형태)을 고정시켜 줍니다.

질문하신 바로 그 부분(cheditor로 작성되어 view로 구현되는 부분)은,
특정한 파일을 생성하지 않았거나 변형시키지 않았다는 가정하에,
/설치경로/head.php에서에서 정의된 index.php 부분의 크기를 지칭하게 됩니다.
head파일은 새로 작성해서 쓰는 상황입니다.

감싸는 테이블의 width는 픽셀로 고정해 주어봤었음에도 자꾸 이렇게 나오네요..

여태 웹페이지 작업 그누보드로 정말 많이 해봤지만 이런 경우는 처음봅니다.

말씀하신 부분 잘 생각해서 다시 한번 연구해볼게요~

감사합니다..
해당 자바스크립트는 첨부된 파일에 관해서만 작동하는군요.

cheditor를 사용하는 경우는,
상기된 자바스크립트함수로 제어가 되지 않습니다.

즉, Drag & Drop으로 등록(이미지는 실제의 이미지가 아니라 하이퍼링크의 정보가 존재함.)된 경우는,
현재의 스킨으로는 resize함수로 제어가 되지 않는다는 의미가 됩니다.
이것은 <div>태그로 해당 웹페이지에서 긁어지는 정보까지도 그대로 포함하고 있기 때문입니다.
© SIRSOFT
현재 페이지 제일 처음으로