재밌고 어려운 IT를 이해해보자~!
CKEditor [TEAM PROJECT] 본문
CKEditor는 JavaScript 기반의 WYSIWYG 에디터이다.
CKEditor에는 Classic editor, Inline editor, Balloon editor, Balloon block editor, Document editor 다섯 가지의 타입이 있다.
우리 프로젝트에선 CDN으로 사용하는 방법을 채택!
CDN 링크는 여기서확인~
https://ckeditor.com/ckeditor-5/download/
CKEditor 5 - Download Latest Version
Download a ready-to-use CKEditor 5 Build. Install, download or serve a ready-to-use rich text editor of your choice.
ckeditor.com
또한 한글로 사용하기 위해 ko.js CDN으로 연결
ckeditor.js를 연결하고, textarea에 적용
document.querySelector;의 ID는 textarea의 ID이다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CKEditor</title>
</head>
<body>
<h1>CKEditor</h1>
<form action="" method="POST">
<textarea name="text" id="editor"></textarea>
<p><input type="submit" value="전송"></p>
</form>
<script src="https://cdn.ckeditor.com/ckeditor5/34.0.0/classic/ckeditor.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/34.0.0/classic/translations/ko.js"></script>
<script>
ClassicEditor.create( document.querySelector( '#editor' ). {
language: "ko"
} );
</script>
</body>
</html>
'코리아IT핀테크과정' 카테고리의 다른 글
| Dependency Injection(의존 주입) (0) | 2024.02.27 |
|---|---|
| 스프링 프레임워크, Bean태그, 결합도 (2) | 2024.02.26 |
| 네이버 로그인 API [TEAM PROJECT] (0) | 2024.02.21 |
| 카카오 로그인 API [TEAM PROEJCT] (0) | 2024.02.21 |
| 모달창 [TEAM PROJECT] (0) | 2024.02.19 |
'코리아IT핀테크과정' Related Articles
more
Comments