더 나은 개발자가 되고싶다..

ckeditor5 사이즈 조절 본문

코딩/Web

ckeditor5 사이즈 조절

오맹이 2019. 2. 12. 15:25


ck에디터5 의 에디터 사이즈 조절을 위한 코드.


스타일 부분의


.ck.ck-editor{'width'}

.ck-editor__editable{'height'}

을 추가하면 된다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<style>
.ck.ck-editor {
    max-width: 500px;
}
.ck-editor__editable {
    min-height: 300px;
}
 
</style>
 
<script src="https://cdn.ckeditor.com/ckeditor5/11.2.0/classic/ckeditor.js"></script>
</head>
<body>
 
<textarea name="content" id="editor"></textarea>
 
<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .catch( error => {
            console.error( error );
        } );
</script>
</body>
</html>
cs


'코딩 > Web' 카테고리의 다른 글

PKIX path building failed 무시하기  (0) 2021.06.25
'코딩/Web' Related Articles more