not bad 한 개발

Javascript - CKEditor4 사용법 본문

Web/JavaScript

Javascript - CKEditor4 사용법

leebean 2022. 3. 6. 12:11

프로젝트를 진행하는데 글 작성 기능을 추가하고 싶었습니다. 그래서 에디터를 찾던 중 CKEditor를 찾았습니다, 이번 글에서는 CKEditor4의 적용 법을 작성하겠습니다. 

CKEditor는 자바스크립트로 작성되어 있으며 PC화면에서도 모바일에서도 화면 정리가 된다는 장점이 있습니다, 그리고 UI가 심플하며, CKEditor 사이트에서 커스텀으로 기능 추가가 가능합니다, 또한 이미지도 업로드가 가능하기 때문에 선택했습니다. 그리고 cdn으로 사용이 가능합니다.

 

https://ckeditor.com/ckeditor-4/download/

 

CKEditor 4 - Download Latest Version

Download a ready-to-use Latest Version of CKEditor 4 package.

ckeditor.com

(다운로드 링크 입니다.)

https://ckeditor.com/cke4/builder

 

CKEditor 4 online builder

Star CKEditor 4 on GitHub

ckeditor.com

(커스텀 제작이 가능한 링크입니다.)

 

(기본적인 사용 코드입니다.)

<html>
	<body>
    	<script src="지정된 링크/ckeditor.js"></script>
        <textarea name="notice" id="notice"></textarea>
        <script>
            CKEDITOR.replace( 'notice');
        </script>
    </body>
</html>

ckeditor_4.17.2_standard.zip
1.31MB

(CKEditor4의 기본 버전입니다.)

저작자표시

'Web > JavaScript' 카테고리의 다른 글

JavaScript - daum 우편번호 서비스  (0) 2021.12.30
'Web/JavaScript' Related Articles more
Comments