웹마스터 팁
여러장의 이미지 동시 삽입시 이미지 간격조정 팁
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(''));
}
}
너무 간단합니다...
제목 | 글쓴이 | 날짜 |
---|---|---|
게시글 상하단에 광고삽입하기 | veplay2 | 2018.03.08 |
게시판 작성시 본문에 자동으로 삽입 스크립트 | 한꼬마 | 2015.10.22 |
사용자 매뉴에 회원정보와 포인트설정 바로가기 기능 삽입
[1]
![]() | 간장게장같은남자 | 2015.01.23 |
SEO 모듈 수정을 통한 Google analytics User ID 추적코드 삽입 | 하얀마법 | 2014.11.14 |
게시판 데이터 일괄 삽입 방법 [1] | Happyphp | 2014.07.26 |
[10원팁]AJAX Uploader 본문삽입 버튼 색상을 변경합시다.
[2]
![]() | socialskyo | 2013.12.25 |
여러장의 이미지 동시 삽입시 이미지 간격조정 팁 [3] | 꿈섬 | 2013.08.10 |
view_document.html 없는 곳에 구글 애드센스 삽입하기..
![]() | 착한부산남자 | 2013.06.27 |
게시판에 갤러리 자동 삽입 [1] | 강지우588 | 2013.06.04 |
[고급] 내 XE 모듈에 editor 삽입하기 [8] | 개발해보쟈 | 2013.01.22 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정.
[13]
![]() | misol | 2012.01.31 |
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> | 최상순480 | 2011.08.02 |
XE 공식 버튼2 삽입하기
[32]
![]() | 웹엔진 | 2011.05.14 |
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] | 웹엔진 | 2011.02.28 |
[동영상강좌] 제14회차 - 스크립트내 html삽입하기 | 아이티스터디 | 2006.02.02 |
page에 웹페이지의 보드(게시판 ) 삽입 [2] | parkys | 2007.10.24 |
IFRAME 삽입 [20] | 박종익 | 2003.10.10 |
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기
[45]
![]() | @kihwa | 2003.07.11 |
[레드의 태그초보]이미지삽입 태그 [2] | 레드 | 2003.01.14 |
대박 !! 감사합니다. 이런건 보안 이슈나 이런것 없을테니 기본 코어에 들어가면 좋겠네요.