[php]스마트에디터2.0 연동하기 / 이미지업로드 추가

https://drive.google.com/file/d/1_un6Rj492GdSuJQVuqf0FaG6YeMw2_Pm/view?usp=sharing 

smarteditor2.zip

스마트에디터 파일 다운로드

 

-------------------- 에디터 불러오기 -------------

1. 에디터가 적용 될 입력부분 :

<form action="write_exec.php" name="frm" id="insertBoardFrm" method="POST" enctype="MULTIPART/FORM-DATA">

<textarea name="ir1" id="ir1"></textarea>

</form>

// name은 보통은 content로 쓰지만, 여기선 ir1로 씀

 

2. 스크립트 삽입

<script type="text/javascript" src="../common/smartEditor/js/HuskyEZCreator.js" charset="utf-8"></script>

    <script type="text/javascript">

        $(function(){

        //전역변수

        var obj = [];

        //스마트에디터 프레임생성

        nhn.husky.EZCreator.createInIFrame({

            oAppRef: obj,

            elPlaceHolder: "ir1", // textarea의 name태그

            sSkinURI: "../common/smartEditor/SmartEditor2Skin.html",  // 본인 경로게 맞게 수정

            htParams : {

                // 툴바 사용 여부

                bUseToolbar : true,

                // 입력창 크기 조절바 사용 여부

                bUseVerticalResizer : true,

                // 모드 탭(Editor | HTML | TEXT) 사용 여부

                bUseModeChanger : true,

            },

            fCreator: "createSEditor2"

        });

        function pasteHTML(filepath) {

            var sHTML = '';

            oEditors.getById["ir1"].exec("PASTE_HTML", [sHTML]);

        }

        //전송버튼

        $("#insertBoard").click(function(){

            //id가 smarteditor인 textarea에 에디터에서 대입

            obj.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []);            

            $("#insertBoardFrm").submit();

        });

    });

    </script>

 

1,2번까지 작성 후 저장하면 에디터에 글쓰기 가능.

 

------------------------------ 이미지 등록 -------------------------

1. 이미지를 업로드 할 폴더 생성 ex) /homework/upfile/ <-- 경로는 본인의 경로에 맞게 할것 여기선 var/www/html/homework/upfile

2. 파일 수정

/smartEditor/quick_photo_uploader/popup/FileUploader.php

여기선 다른부분 건들 필요 없이 본인이 만든 파일의 폴더경로만 수정해주면 됨.

$url .= "&sFileURL="본인의 이미지 업로드폴더 경로".urlencode(urlencode($name));

/smartEditor/quick_photo_uploader/popup/FileUploader_html5.php

여기도  다른부분 건들 필요 없이 본인이 만든 파일의 폴더경로만 수정해주면 됨.

/smartEditor/quick_photo_uploader/popup/QuickPhotoPopup.js

여기선 sUrl 과 sCallback 의 경로만 수정하면 되는데, 어차피 같은 폴더에 있는 파일의 경로를 적는것이기에 ./ 로 잡아줘도 무방함.

 

 

 

수정해야 할 부분만 캡쳐해서 작성한것이기에 이론적인부분은 다른 글을 찾아보셔야 합니다