2024/6/11

Craft CMS の CKEditor フィールドの高さを設定する #craftcms

@SHIN_DEVELOP さんが Tweet されてて、CKEditor の高さを初期値設定出来るのかな?と思って調べてみた。

↓デフォルトの状態

CKEditor のドキュメント見た感じで、これは Angular のだけど

Angular rich text editor component | CKEditor 5 documentation
https://ckeditor.com/docs/ckeditor5/latest/installation/integrations/angular.html#setting-the-height-via-a-global-style-sheet

CKEditor の config に

.ck-editor__editable_inline {
    min-height: 250px;
}

って感じで書くことで初期値の高さは反映出来た。

ただ、 Craft CMS 公式は下記のリンクを紹介してたからまたなんか違うのかも知れない。

ckeditor5 - How to set the height of CKEditor 5 (Classic Editor) - Stack Overflow
https://stackoverflow.com/questions/46559354/how-to-set-the-height-of-ckeditor-5-classic-editor/46559355#46559355