[플러그인] CKEditor 플러그인 (게시판 편집기)

게시판을 편십할때 아주 유용한 플러그인을 소개하고자 합니다.

바로 CKEditor 인데요 한번 설치해보도록 하겠습니다.

CKEditor 플러그 인을 검색해서 설치해 주시고 활성화 해 주시기 바랍니다.

활성화 하기 전에는 요렇게 보여졌는데

활성화 하고 나서는

이렇게 이쁘게 보여집니다.

제가 임의로 현재 페이스북 페이지에서 운영중인페이스북페이지에 대한 소개글을 작성하였습니다.

CKEditor 특징중 하나를 한번 볼게요

이렇게 일단 이미지를 선택해 주시고

위에 상태창을 보시게 되면 '이미지' 버튼이 보이실 겁니다.

클릭해 주세요

그러면 이렇게 보여지는데요

자세히 창에서는 이미지 스타일을 변경할 수 있습니다.

그다음에 아래에 보이는 바와 같이 들어가 주세요

그러면 이렇게 보이는데요

요게 무엇이냐면

(1),(4) CKEditor이 작동하기 위한 PHP 서버 요건들을 확인해 줍니다.

(2) 지원하는 웹브라우저 버전도 표시해 줍니다.

(3) 관련 메뉴얼, 기타 플러그인과 플러기인의 설정 초기화 하는 기능입니다.

CKEditor 을 설치하였으면 요놈의 짝꿍이 있습니다.

바로 CkFinder인데요  이 플러그인을 설치하라고 

요렇게 뜨네요 한번 설치해보죠

밑에 http://ckfinder.com/download 링크를 클릭 해 줍니다.

다운로드 해주시고

C:\xampp\htdocs\myblog\wp-content\plugins\ckeditor-for-wordpress\ckfinder

이 경로에다가 압축을 풀어주세요

그러면 위와같이 보여집니다.

ckfinder_config.php 파일을 config.php파일로 바꿔야 되는데

현재 config.php 파일이 있네요

일단 이 파일을

요렇게 바꾸어서 백업해놓고

이 파일은

이렇게 바꾸어 주시기 바랍니다.

config.php 파일을 실제로 사용하니까 잘 기억해 주시기 바랍니다.

CKFinder 설치가 완료 되었습니다.

그럼 다시 CKEditor Upload Options 화면을 새로 열어주시면

그럼 이렇게 보여지네요 ㅎㅎ

이제 한번 테스트를 해 볼건데요

현재는 이 상태입니다.

이 상태이면 서버 탐색기는 실행이 안됩니다.

따라서 CKFinder 로 상태를 바꾸어 주시고

맨~~밑으로가셔서

빨간색으로 표시한 곳을 클릭해 주시기 바랍니다.

그다음에 이전에 글 작성한 곳으로 가셔서

'편집하기' 를 클릭해 주세요

CKFinder 설치하기 전에는 서버 보기 가 없었는데

설치하고 나니까 보이네요

서버보기를 클릭해 주시면

그러면 요렇게 서버 탐색기 창이 떳습니다.

제가 분명 사진을 업로드 했엇는데 여기서는 안뜨는데요

그 이유는 편집기가 바뀌였기 때문입니다.

이미지를 새로 업로드 해보도록 하겠습니다.

여기서 참고로!! 업로드할 이미지는 반드시 영문,숫자 로 해주셔야 합니다.

한글로 하시면 업로드 실패합니다.

Upload 버튼을 클릭 해 줍니다.

업로드 해주시고 올린 글을 확인을 해 주시면

아주 잘 업로드 된것을 확일할 수 있습니다.

정리를 해보자면

CKEditor은 보다 쉽게 이미지를 업로드 하고 글을 게시판을 관리하게 만드는 플러그인 입니다.