Jquery Editor - CKEditor

Jquery 2017. 5. 22. 18:01
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

jquery editor - CKEditor 사용하기





아래 URL에 접속하여 원하는 라이브러리를 다운받는다.


http://ckeditor.com/






여기서 에디터란?

블로그나 카페 등에서 게시글을 작성 할 때  이미지, URL 링크, 폰트 크기, 폰트 색

등등 간편하게 클릭 등으로 원하는 내용을 만들어 낼 수 있도록

지원해주는 툴이라 할수 있다.



라이브러리를 다운로드 받게 되면 압축파일의 압축을 풀어서

webapp 또는 Webcontent 밑에 원하는 곳에 복사한다.



해당 라이브러리를 사용하려면 사용하고자 하는 페이지에 아래와 같이

라이브러리를 선언해 주어야 한다



- JSP 설정

<script src="상위경로/ckeditor/ckeditor.js"></script>



<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CKEditor</title>
        <script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
    </head>
    <body>
        <textarea name="editor1"></textarea>
        <script>
            CKEDITOR.replace( 'editor1' );
        </script>
    </body>
</html>





각 버전 마다 지원하는 Plugin의 수가 다르니 사이트에서 

필요한 Plugin을 고려하여 다운로드 바랍니다.



















저작자표시 비영리 변경금지

'Jquery' 카테고리의 다른 글

jquery 셀렉터 및 함수 사용법  (0) 2015.10.20
,

티스토리툴바