이런 테이블 옆으로 늘어남 현상 아시는 분..?
http://minwoocoop.or.kr/bbs/board.php?bo_table=cook_knowhow&wr_id=173&page=&sca=&sfl=&stx=&sst=&sod=&spt=&page=
만드는 법 부분이 cheditor로 작성해서 올리는 부분입니다.
이미지를 넣지 않고 텍스트만 넣고 작성하면 아무 문제 없는데
cheditor로 이미지만 넣었다 하면 이렇게 테이블이 옆으로 벌어지는데
해결 방법이 없을까요..?
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 4개
하단의 소스코드(자바스크립트)는 이미지의 폭을 강제로 조정해 주는 방식입니다.
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 부분의 크기를 지칭하게 됩니다.
감싸는 테이블의 width는 픽셀로 고정해 주어봤었음에도 자꾸 이렇게 나오네요..
여태 웹페이지 작업 그누보드로 정말 많이 해봤지만 이런 경우는 처음봅니다.
말씀하신 부분 잘 생각해서 다시 한번 연구해볼게요~
감사합니다..
cheditor를 사용하는 경우는,
상기된 자바스크립트함수로 제어가 되지 않습니다.
즉, Drag & Drop으로 등록(이미지는 실제의 이미지가 아니라 하이퍼링크의 정보가 존재함.)된 경우는,
현재의 스킨으로는 resize함수로 제어가 되지 않는다는 의미가 됩니다.
이것은 <div>태그로 해당 웹페이지에서 긁어지는 정보까지도 그대로 포함하고 있기 때문입니다.
해결 방법을 찾아봐야겠네요. 신경써주셔서 정말 감사합니다
우선 가닥은 잡았으니 다행입니다..