CK Editor 리사이즈 및 사이즈 조절 방법

Last Modified : 2017-05-31 / Created : 2017-03-22

15,528
View Count

주소 복사하기

CKEditor를 사용하여 에디터를 활성화한 이름이 만약 myEditor라면 다음과 같이 리사이즈 또는 사이즈 등의 옵션을 설정할 수 있습니다.

- 사이즈 조절

myEditor.resize(width, height);

- 에디터 영역을 포함할 것인지를 결정( true / false )

myEditor.resize(width, height, true);

config 설정은 아래와 같이 사용합니다.

CKEDITOR.editorConfig = function(config) {
  // 설정 내용 여기에
};

- 최소 및 최대 크기의 설정

config.resize_minWidth = 200;
config.resize_maxWidth = 400;
config.resize_minHeight = 200;
config.resize_maxHeight = 400;

- 리사이즈 방향 설정(좌 / 우 / 둘다)

config.resize_dir = 'both'  //  둘 다
config.resize_dir = 'vertical'  //  수직기준
config.resize_dir = 'horizontal'  //  수평기준

; 리사이즈(resize) 제거할 경우 플러그인에서 제거하여 사용함

CKEDITOR.editorConfig = function(config) {
  config.removePlugins = 'resize';  //  Plug-in 제거
  config.resize_enabled = false;  //  false로 상태 변경
};

code snippet widget

아래의 글도 찾고 계시지 않나요?