[CKEditor] PHP에서 사용하기 > 기술자료

• 목록

1. upload.php 파일을 등록

<?php
if ($_FILES['upload']['size'] > 0 ){
 
    // 현재시간 추출
    $date_filedir    = date('YmdHis');
 
    //오리지널 파일 이름.확장자
    $ext = substr(strrchr($_FILES['upload']['name'],"."),1);
    $ext = strtolower($ext);
    $savefilename = $date_filedir."_".str_replace(" ", "_", $_FILES['upload']['name']);
     
    // 폴더 생성후 707 또는 777 권한으로 변경
    $uploadpath  = $_SERVER['DOCUMENT_ROOT']."/data/ckeditor/images";
    $uploadsrc = $_SERVER['HTTP_HOST']."/data/ckeditor/images/";
    
    $uploadpath  = $_SERVER['DOCUMENT_ROOT']."/data/ckeditor/images";
    $uploadsrc = $_SERVER['HTTP_HOST']."/data/ckeditor/images/";
    
    $http = 'http' . ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS']=='on') ? 's' : '') . '://';
 
    //php 파일업로드하는 부분
    if($ext=="jpg" or $ext=="jpeg" or $ext=="gif" or $ext=="png" or $ext=="webp"){
        if(move_uploaded_file($_FILES['upload']['tmp_name'],$uploadpath."/".iconv("UTF-8","EUC-KR",$savefilename))){
            $uploadfile = $savefilename;
            echo "<script type='text/javascript'>alert('업로드성공: ".$savefilename."');</script>;";
        }
    }else{
        echo "<script type='text/javascript'>alert('jpg, jpeg, gif, png, webp 파일만 업로드가능합니다.');</script>;";
    }
}else{
    exit;
}
 
echo "<script type='text/javascript'> window.parent.CKEDITOR.tools.callFunction({$_GET['CKEditorFuncNum']}, '".$http.$uploadsrc."{$uploadfile}');</script>;";
?>


2. 폴더 권한을 707 또는 777로 변경


3. 에디터를 노출시키고자하는 HTML 문서에 아래와 같이 upload 추가
<script src="/ckeditor/ckeditor.js"></script>
<textarea name="comment" rows="15" style="width:100%;height:250;"></textarea>
<script type="text/javascript">
    CKEDITOR.replace('comment',
    {
    startupFocus : false,  // 자동 focus 사용할때는  true
    skin: 'moonocolor',
    customConfig : '/ckeditor/config.js', //커스텀설정js파일위치
    //filebrowserUploadUrl: '/ckeditor/upload.php?type=Files',
    filebrowserImageUploadUrl: '/ckeditor/upload.php?type=Images',
    //filebrowserFlashUploadUrl: '/ckeditor/upload.php?type=Flash'
    }
);
</script>


관련자료
http://www.spacek.xyz/mle/?p=284