How can I set height in CKEditor 5 with Ionic?

Question

I want to create a text editor using Ionic and Angular.

I applied it using CKEditor 5 but the height value is not changed.

According to the CKEditor 5 documentation, I can control the height value through the config attribute.

I have confirmed through the config option that 'paragraphs' are translated into Korean.

Is my approach wrong?

Here is my source code.

My source code consists of 'html', 'component.module.ts', 'component.ts'.

html template

<ckeditor formControlName="bbsContent" [editor]="Editor" [config]="config" style="height: 300px" data=""></ckeditor>

component.module.ts

import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
imports: [
   CKEditorModule
  ],

component.ts

import '@ckeditor/ckeditor5-build-classic/build/translations/ko';
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';

  //ckeditor
export class Classname {
  public Editor = ClassicEditor;
  public config = {
  language: 'ko',
  height: 300
  }

enter image description here

Thanks for reading.

Answer 1

The answer is in the GH issue. Docs on the https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html will be updated soon to cover styling of the Angular component.