Top

[ckeditor] 이미지 업로드 ! | Web-Programing
신장미 (shinjm) | Editor | 2012/11/28 09:03:07 | 조회:15674
첨부파일 (1)


* 준비물
 - ckeditor 최신파일 !
   다운은 요기에서 받으실 수 있어요 ! 
  http://ckeditor.com/download

 - upload.php 파일


 * 설치하기

 1. 다운받은 ckeditor 의 압축을 푼 후 그 안의 파일을 서버에 올려 설치합니다 !
    (원하시는 폴더에 올리시기만 하면 되요 ㅎㅎ )

 2. textarea에 연결한다 !
  

1. ID를 이용한 방법.

<textarea id="editor1" name="editor1" style="width:100%;height:200px;"></textarea>
<script type="text/javascript">
     CKEDITOR.replace( 'editor1' );
</script>


2. CLASS를 이용한 방법.

<textarea name="editor2" class="ckeditor" style="width:100%;height:200px;"></textarea>



* 이미지 업로드 설정
 - ckeditor를 적용시키고 나면 이미지에 업로드 텝이 없답니다.
   
    그러나 !!!!

    적용시킨 textarea 에서 

    var editor = CKEDITOR.replace('editor1',
    {
         filebrowserUploadUrl : 'http://호스팅주소/업로드php파일 경로/upload.php',
        filebrowserImageUploadUrl : '/업로드php 파일경로/upload.php?command=QuickUpload&type=Images'

    });

   이렇게 하시면 ! 업로드가 됩니다 !
   그리고 upload.php에 설정해 놓으신 저장경로에 파일이 저장됩니다 !




* upload.php 파일
 - 첨부해놓은 파일을 받아서 사용하시면 됩니다 !


 

공유하기
공유하기
1
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [MSSQL] 한 주의 시작과 끝날짜 구하기 진기원 (jjinki) 2012-12-19 14:50:36
▼ 다음글 [PHP] 날짜 포맷 변경 함수 ver.2 김경훈 (admin) 2012-11-27 13:37:49