웹마스터 팁
여러장의 이미지 동시 삽입시 이미지 간격조정 팁
2013.08.10 22:38
글쓰기 할때 여러장의 이미지를 동시에 에디터에 삽입하면 이미지간의 간격이 없어 글쓸때 여간 불편하기 짝이 없습니다.
이것을 해결하기 위한 팁입니다.
/modules/editor/tpl/js/uploader.js
이파일을 열어서 찾기 기능으로 아래의 function 을 찾습니다. 빨간 글씨로 된 부분 수정하면 됩니다.
function insertUploadedFile(editorSequence) {
var settings = uploaderSettings[editorSequence];
var fileListAreaID = settings["fileListAreaID"];
var fileListObj = get_by_id(fileListAreaID);
if(!fileListObj) return;
if(editorMode[editorSequence]=='preview') return;
var text = new Array();
for(var i=0;i<fileListObj.options.length;i++) {
if(!fileListObj.options[i].selected) continue;
var file_srl = fileListObj.options[i].value;
if(!file_srl) continue;
var file = uploadedFiles[file_srl];
editorFocus(editorSequence);
// 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..)
if(file.direct_download == 'Y') {
// 이미지 파일의 경우 image_link 컴포넌트 열결
if(/\.(jpg|jpeg|png|gif)$/i.test(file.download_url)) {
if(loaded_images[file_srl]) {
var obj = loaded_images[file_srl];
}
else {
var obj = new Image();
obj.src = file.download_url;
}
temp_code = '';
temp_code += "<img src=\""+file.download_url+"\" alt=\""+file.source_filename+"\"";
if(obj.complete == true) { temp_code += " width=\""+obj.width+"\" height=\""+obj.height+"\""; }
temp_code += " /> <br /><br />\r\n"; //<===== 이부분에 <br /><br /> 테그를삽입합니다..(원래는 temp_code += " />\r\n"; 이렇게 되어 있습니다.)
text.push(temp_code);
// 이미지외의 경우는 multimedia_link 컴포넌트 연결
} else {
text.push("<img src=\"common/img/blank.gif\" editor_component=\"multimedia_link\" multimedia_src=\""+file.download_url+"\" width=\"400\" height=\"320\" style=\"display:block;width:400px;height:320px;border:2px dotted #4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif) no-repeat center;\" auto_start=\"false\" alt=\"\" />");
}
// binary파일의 경우 url_link 컴포넌트 연결
} else {
text.push("<a href=\""+file.download_url+"\">"+file.source_filename+"</a>\n");
}
}
// html 모드
if(editorMode[editorSequence]=='html'){
if(text.length>0) get_by_id('editor_textarea_'+editorSequence).value += text.join('');
// 위지윅 모드
}else{
var iframe_obj = editorGetIFrame(editorSequence);
if(!iframe_obj) return;
if(text.length>0) editorReplaceHTML(iframe_obj, text.join(''));
}
}
너무 간단합니다...
댓글 3
제목 | 글쓴이 | 날짜 |
---|---|---|
달력형 리스트 입니다.
[5]
![]() | 착한악마 | 2009.07.01 |
지오피아 게임 제로보드 XE 연동
[5]
![]() | 다른사람 | 2009.06.30 |
확장변수에 회원정보를 넣어보자
[10]
![]() | 개돌 | 2009.06.30 |
이미지 리사이즈 적용이 안되는 경우 [4] | 아고라 | 2009.06.30 |
로그인 & 파일 첨부 문제 [3] | peter99 | 2009.06.29 |
페이지 제일 위로 바로가는 Top 버튼
[5]
![]() | 개돌 | 2009.06.26 |
보낸 쪽지함에서 쪽지 내용 안에 회원 아이콘이 제대로 표시 되지 않을때.. | 절망린 | 2009.06.24 |
쪽지 답글 보내기 원본 내용 삭제 | 절망린 | 2009.06.24 |
로그인 후 그룹별로 다른 페이지로 가기 - 업데이트판 v1.5 [19] | 무대포2 | 2009.06.24 |
개인쪽지발송!~ | noirzo | 2009.06.23 |
게시판 메뉴에 새글 알림 표시 띄우기
[13]
![]() | 보거스내친구 | 2009.06.21 |
확장변수 폼 디자인 하기
[14]
![]() | Diver | 2009.06.21 |
XE용 query xml 방식으로 일반 테이블도 접근 처리 하기 [1] | 라르게덴 | 2009.06.18 |
업데이트 후 Rewrite mod 사용이 안돼는 경우 [2] | 겨우리851 | 2009.06.18 |
layout.html에 접근 못하게막기. [8] | Habile | 2009.06.15 |
에디터 컴포넌트 목록이 안 나올 때 해결법 [2] | SMaker | 2009.06.14 |
외부문서에서 mms:// 태그 사용하기 [11] | 아고라 | 2009.06.12 |
로그인 페이지 만드는 방법 [5] | 산토 | 2009.06.12 |
게시판 스킨에서 조회수, 추천수, 최근 수정일 외 항목도 정렬가능하게 하기 | SMaker | 2009.06.11 |
확장변수값 이미지로 대체하여 나타내기 (실시간 응대목적)
[12]
![]() | sm3 | 2009.06.10 |