텍스트 에디터의 크기를 조정하기 위해 TinyMCE의 init 함수 내에서 몇 가지 설정을 해야합니다.

먼저, 편집기의 너비와 높이를 CSS 스타일링을 통해 설정할 수 있습니다. 예를 들어, 다음과 같이 스타일 시트에 width와 height 속성을 추가할 수 있습니다.

#editor {
  width: 500px;
  height: 300px;
}

그런 다음, TinyMCE의 init 함수에서 height와 width 옵션을 사용하여 에디터의 크기를 설정할 수 있습니다. 예를 들어, 다음과 같이 tinymce.init 함수를 호출할 때 width 및 height 옵션을 설정할 수 있습니다.

tinymce.init({
  selector: '#editor',
  width: 500,
  height: 300
});

위의 예제에서 #editor는 텍스트 에디터의 DOM 요소를 나타내는 선택자입니다. 적절한 요소로 변경해야합니다.

추가적으로, TinyMCE의 autoresize 플러그인을 사용하여 텍스트 에디터의 크기를 자동으로 조정할 수도 있습니다. autoresize 플러그인은 사용자가 텍스트를 입력하는 동안 텍스트 에디터의 크기를 자동으로 조정합니다.

다음은 autoresize 플러그인을 사용하는 예제입니다.

tinymce.init({
  selector: '#editor',
  plugins: 'autoresize'
});

위의 예제에서 plugins 옵션에 autoresize 플러그인을 추가하면 됩니다.

이렇게하면 TinyMCE에서 텍스트 에디터의 크기를 조정할 수 있습니다. 원하는 스타일 또는 플러그인을 적용하여 사용자 경험을 향상시킬 수 있습니다.

• TinyMCE 공식 문서
• TinyMCE 초기화 옵션