웹마스터 팁

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

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


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

    }

}


너무 간단합니다...

제목 글쓴이 날짜
영문사이트 제작시 별명, 사용자 ID등 한글이 표시될때 [3] file 겨우리851 2010.03.24
제로보드4에서 XE로 넘어와 헤메는 분들을 위해서(3편:최종)-Widgets이해와 활용 [24] 황비 2010.03.26
카페24 웹호스팅에서 서브 도메인으로 접속 방법 [5] 데이스타 2010.03.28
홈페이지에 계정 사용량, DB 사용량, 현재 트래픽 출력하기 [7] file 대류 2010.03.29
본문에서 이미지 제거, 이미지만 추출하는 정규식 팁 [5] 라르게덴 2010.03.31
속도향상에 관해(경험+의견) [3] 아고라 2010.03.31
Content 위젯 목록 가로로 정렬 하기 편법 [3] file teryboy 2010.04.01
관리자 메일 수신 버그 수정 [2] 형기 2010.04.02
트위터와 구글톸을 이용한 제로보드XE 새글 알리미 구축하기 [2] 하우하우 2010.04.03
XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기 [5] 대류 2010.04.03
[게시판ex] 상단에 나오는 ''포인트'' 말풍선형태 배경이미지 및 PSD소스입니다. [3] file 빨간발 2010.04.04
XE 저장할때 팁 [4] 멀티하자 2010.04.05
개인 웹서버의 완성 우분투 (서버이전완료) [1] 준타 2010.04.07
자신의 인터넷ISP 80포트 지원여부. [3] 해피보이 2010.04.08
[현원式] 개나 소나 하는 CSS - 레이아웃 만들기 / 기초지식 이해편 [3] 현원 2010.04.10
새글 (댓글) 작성후 자동으로 이메일 보내질때 작성자 서명을 붙이는법 [1] 왕초봉 2010.04.10
archive 최근달 부터 보여주기 calko 2010.04.11
/home/*/public_html/xe 디렉토리에서 rewrite 적용안되는 현상 해결(.htaccess) [2] 소렌트. 2010.04.11
XE 일일이 메뉴출력하지 말고 XE함수들로 한번에 처리하세요! [1] 소렌트. 2010.04.11
서기의 자바스크립트 동영상 강의 #1 [7] 서기 2010.04.12