ckEditor 다운로드, 적용하기

1. 다운로드

 

http://ckeditor.com/download

 

 

압축을 풀고 해당 웹사이트 루트 디렉토리에 복사한다

 

sample 디렉토리의 index.html을 실행하면 간단한 예제를 볼수 있다.

 

​2. 적용하기

기본적으로 texArea를 만들어서 그것을 에디터로 치환하는 방법이다.

에디터를 표시하는 방법에는 몇가지가 있다.

나마지 방법은 Sample을 확인하도록 하자

 

아래는 textArea를  id로 가져와서 에디터로 변환하는 방법이다.

 

에디터를 보여줄 페이지에

먼저 에디터 js를 불러온다.

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

 

<script>

    CKEDITOR.replace('txtEdt');

</script>

자바스크립트로 위같이 넣어주면 된다.

txtEdt는 textArea 아이디 이다.

 

그러면 아래와 같이 표시된다.^^

 

[출처] ckEditor 다운로드, 적용하기|작성자 yhyim