웹마스터 팁

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

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


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

    }

}


너무 간단합니다...

제목 글쓴이 날짜
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] Simulz 2007.09.02
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] 팔공산 2007.11.27
제로보드XE 외부페이지에 javascrip 삽입하기 [3] BlueGATE 2008.01.22
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] file 대암지기 2008.03.09
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] dhseo 2008.05.28
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
메인화면에 플래시 쉽게 삽입하는 방법.. [12] 청개구리00 2008.08.30
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] 『june™』 2009.03.20
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] file thejeon 2009.07.29
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] file 분홍곰 2009.08.14
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] BigSeong 2009.10.10
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] 곰이v 2010.03.21
레이아웃 삽입 후 최근 설문조사 가져오기 ilovesyr 2010.05.18
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] sejin7940 2010.07.07
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] file xemall 2010.10.13
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 file 으아악. 2010.10.20
배경음악과 동영상 삽입 <embed> [7] 제이지라 2002.04.26
[레드의 태그초보]이미지삽입 태그 [2] 레드 2003.01.14
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] file @kihwa 2003.07.11