ckeditor 편집기

처음 홈페이지를 만들당시에는 아는것도 없고 스킬도 부족해서 본문입력에는 textarea만 사용했다.

하지만 여러 홈페이지를 만들어보고 스킬이 늘어날수록 textarea를 쓰는건 한계를 느껴서 WYSIWYG 에디터를 찾다가 네이버에서 무료로 제공하는 스마트에디터를 붙여넣게 되었다.

하지만 이 스마트에디터라는건 너무 크다. 로딩도 느리고...

그래서 다른걸 알아보다 fckeditor에서 이름을 바꾼 ckeditor를 찾았다.

적용해보니 속도도 괜찮고 기능도 괜찮다. 앞으로 이것만 쓰자...

ckeditor 홈페이지

데모보기

다운로드 받기

파일을 다운받은 후 계정에 새폴더를 만들고 업로드한다.

페이지내에 스크립트를 넣는다.

<textarea name="content" id="id값"></textarea>

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

<script type="text/javascript">

CKEDITOR.replace('id값');

</script>

쉽지 않은가. 

에디터에는 여러가지 플러그인을 지원하는데 그 중 SyntaxHighlighter라는 플러그인이 있다.

그냥 스크립트만으로 홈페이지에 소스코드를 이쁘게 아름답게 보여주는 기능이 있는데, 에디터에 붙임으로써 에디터에서 불러올수가 있다.

자세한 설명은 링크를 따라가면 된다.

아직 더 봐야하겠지만 에디터의 기능은 훌륭한거 같다.

그런데 아직 붙여넣기 기능을 못찾겠다. 에디터자체에서 제공하는 업로드기능말고 내가 작성한 업로드를 사용후 본문 붙여넣기를 해줘야하는데...