|
CDN에서 CKEeditor를 로드하여 웹 사이트 속도를 높입니다:
CKEditor는 전 세계에 분산된 서버에서 호스팅됩니다. 스크립트는 최종 사용자에게 가장 가까운 위치에서 제공되기 때문에 더 빨리 로드됩니다.
동일한 버전의 CKEditor가 이미 다운로드된 경우(다른 웹 사이트에서도) 캐시에서 로드됩니다.
CDN은 서버에서 처리하는 HTTP 요청의 수를 줄여 속도도 향상시킵니다!
To start using CKEditor 5 Builds on your website, add a single <script> tag to your HTML page:
웹 사이트에서 CKEeditor 5 Builds 사용을 시작하려면 HTML 페이지에 하나의 <script> 태그를 추가하십시오:
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>
Quick example: 실행 예
CKEditor 5
index_CDN
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>
</head>
<body>
<div id="editor">This is some sample content.</div>
<script>
ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
console.log( editor );
} )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>
URL Structure
The URL structure for CKEditor 5 is as follows:
URL 구조
CKEeditor 5의 URL 구조는 다음과 같습니다:
<script src="https://cdn.ckeditor.com/ckeditor5/[version.number]/[distribution]/ckeditor.js"></script>
The following distributions (see CKEditor 5 Builds overview) are available:
When choosing a different build than Classic editor, make sure in the example above to change not only the URL to a build but also the initialization code as each build comes with a different editor class (ClassicEditor, InlineEditor, BalloonEditor (used by Baloon editor and Balloon block editor), DecoupledEditor).
다음 배포판을 사용할 수 있습니다(CKEditor 5 Builds 개요 참조):
클래식 - 클래식 편집기
inline - 인라인 편집기
balloon - Balloon 편집기
풍선 블록 - 풍선 블록 편집기
분리된 문서 - 문서 편집기
클래식 편집기와 다른 빌드를 선택할 때는 위의 예에서 URL을 빌드로 변경할 뿐만 아니라 각 빌드에 다른 편집기 클래스(클래식 편집기, 인라인 편집기, Balloon Editor(Balloon 편집기 및 Balloon Block 편집기에서 사용), 분리 편집기가 함께 제공되므로 초기화 코드도 변경해야 합니다.
CKE 편집기 4 = CKEditor 4
웹 사이트에서 CKEeditor 4 사용을 시작하려면 HTML 페이지에 하나의 <스크립트> 태그를 추가하십시오:
< script src="https://cdn.ckeditor.com/4.20.2/standard/ckeditor.js"></script>
CKEditor 4
index_CDN
Quick example: 간단한 예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="https://cdn.ckeditor.com/4.20.2/standard/ckeditor.js"></script>
</head>
<body>
<textarea name="editor1"></textarea>
<script>
CKEDITOR.replace( 'editor1' );
</script>
</body>
</html>
23.03.12주일 19:05分 더 자세한 내용은 이 사이트에서 학인 하세요?:https://cdn.ckeditor.com/
HTML tag
|