웹마스터 팁

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

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


/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] jn4kim 2013.08.06
1.7.3.4 + sketchbook5 에서 대댓글 에디터 사용불가문제 [4] 뒤뒤 2013.08.07
textarea 테그 제임스라 2013.08.07
새로고침없이 페이지 리로딩 간단하고 쉽게 서버한테는 미안하게 하는법 (서버단이 아니고 스킨에 ㅠ jquery load씀) 게시글,댓글,추천등 모든 부분다가능합니다. [2] 장포크 2013.08.08
최신 제로보드 XE 동영상 강의 [25] 하얀마법 2013.08.09
지식인 모바일에서 답변이 보이지 않는 현상. 씨즈부스 2013.08.10
스크롤 맨아래로 내리면 자동으로 글 목록 더보이기 구현(게시판어어느 스킨이든 사용가능) [19] 장포크 2013.08.10
[주옥시리즈]닉네임/이메일 변경 금지 팁 [10] socialskyo 2013.08.10
여러장의 이미지 동시 삽입시 이미지 간격조정 팁 [3] 꿈섬 2013.08.10
게시판 댓글 스킨에서 추가적인 변수 전달 안 되는 현상 보완 위해서. [1] sejin7940 2013.08.11
[1.7.4] 로그인창 옆에 신규 쪽지 수 보여주기 socialskyo 2013.08.13
벼랑끝 font awesome 45도를 아시나요 ? [2] file 지그재거 2013.08.13
탈퇴회원 레벨 아이콘 출력 안하기 [7] Gunmania 2013.08.17
리퍼러 수집기 애드온 실행후 사이트 먹통되었을때 대처법 [2] serendip 2013.08.19
jQuery fadeIn 홈페이지 부드럽게 이동 [4] file 지그재거 2013.08.20
간단하게 사용자가 에디터 바꿔쓸 수 있도록 하기 ^^ [6] file Xiso 2013.08.20
XE 알림센터 스킨을 iOS 알림창 비슷하게 만들기 [2] file novelic 2013.08.21
1전 짜리 팁 - 최근수정일 표시 [2] 지그재거 2013.08.22
모바일에서 레벨 아이콘, 이미지 아이콘 표시하기 [4] Gunmania 2013.08.23
나름 강력할 것 같은 스팸방지 팁 [16] 꿈섬 2013.08.23