IT /컴퓨터 TIP

xe 보드에서 그림 첨부시 자동액자 만들기.

. . . 2014. 2. 6. 15:19
반응형

xe 에서 이미지를 본문삽입시 자동으로 스타일을 적용시키는 방법을 메모한다.


xe/modules/editor/tpl/js/uploader.js 에서 아래의 부분을  고친다.


       // 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..)

        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 style=\" box-shadow: 10px 5px 30px 0px rgba(0, 0, 0, 0.5)\" src=\""+file.download_url+"\" alt=\""+file.source_filename+"\"";

                if(obj.complete == true) { temp_code += " width=\""+obj.width+"\" height=\""+obj.height+"\""; }

                temp_code += " />\r\n";

                text.push(temp_code);

            // 이미지외의 경우는 multimedia_link 컴포넌트 연결


하이라이트 된 부분을 입맛에 맞게 고친다.


그러면 그림파일을 본문삽입시 자동으로 액자가 들어가게 된다.


위처럼 설정한후에 테스트 게시물...




잘된다!!


...


역시 개인호스팅은... 직접 원하는데로 고쳐쓰는맛이 좋다!