웹마스터 팁

글쓰기 할때 여러장의 이미지를 동시에 에디터에 삽입하면 이미지간의 간격이 없어 글쓸때 여간 불편하기 짝이 없습니다.

이것을 해결하기 위한 팁입니다.


/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(''));

    }

}


너무 간단합니다...

제목 글쓴이 날짜
XP + IE8 에서 갑자기 페이지 오류메시지가 뜰 경우 [1] file 다크진 2013.09.14
XE + dokuwiki 도쿠위키 세션 연동시 파일 올리기 해결방법 [1] uotalkie 2013.06.25
스케치북 게시판 목록 홀수 줄 에만 배경지정 [3] socialskyo 2013.09.14
여러장의 이미지 동시 삽입시 이미지 간격조정 팁 [3] 꿈섬 2013.08.10
웹에서 직접 zip파일 압축백업,압축풀기-호스팅 사용자님들 편한 툴입니다. [1] file ranson 2009.09.12
나름 강력할 것 같은 스팸방지 팁 [16] 꿈섬 2013.08.23
기본게시판에서 익명 선택하여 "게시글, 댓글" 작성이 가능하도록 세팅하기(sketchbook5 기준) [15] Ashon 2013.01.08
계정 정지된 회원에게 정지 사유 표시하기. [24] file 컴퓨터매니아 2013.08.24
게시글 추천 아이피 가져오기 file Stellar 2013.09.12
로그인풀림방지 - 자동 www 붙이는 다른 방법 [23] RainSky 2008.03.28
외부페이지에서 로그인 폼 구현하기 컴퓨터매니아 2013.09.09
[주옥시리즈] 배너 클릭시 포인트지급 모듈, Portal XE [1] socialskyo 2013.09.09
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. socialskyo 2013.09.09
[주옥시리즈]글 목록을 조회수 별로 색상 지정하기 socialskyo 2013.09.09
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. socialskyo 2013.09.09
[주옥 시리즈]지식인XE 모바일에서도 답변보기 socialskyo 2013.09.08
[주옥시리즈] 타이틀 제어 애드온 socialskyo 2013.09.09
내가 작성한 글 에서 해당 글의 댓글 수 출력하는 방법 [1] sejin7940 2013.09.03
(글) 알림 옵션 기본 체크 [27] Simulz 2007.10.10
링크새창띄우기(target=_blank) - str_replace이용법 [11] 인터니즈2 2011.09.03