CKEditor4 도구 모음 위치 조정

 

 

 

 

 

도구 모음 위치

 

CKEditor4 에서는 편집기 툴바 위치를 사용자가 지정할 수 있습니다. 기본적으로 클래식 기반의 iframe 편집기에서는 툴바가 편집기 UI 상단, 편집 영역 위에 배치됩니다. 하지만, config.toolbarLocation 구성 설정을 사용하여 해당 옵션을 변경할 수 있습니다. 기본 편집기 구현의 경우 'top'(기본값)과 'bottom' 설정 중 하나를 선택할 수 있습니다.

# config 파일 내 설정 시
// config.toolbarLocation = 'top';
config.toolbarLocation = 'bottom';

 

config 파일을 이용하지 않고, 스크립트로 설정한 replace 구문에서도 편집기 크기 조정을 비활성화 할 수 있습니다.

# replace 구문 사용 시
CKEDITOR.replace("boContent", {
    toolbarLocation: 'bottom'
});

 

 

'toolbarLocation' 속성 값을 'top' 또는 'bottom' 둘 중 하나로 설정하게 되면 top일 때는 위에 bottom일 때는 아래에 툴바가 설정되는걸 확인할 수 있습니다. 에디터를 설정하는 작업자의 needs에 맞춰 설정한다면 원하는 방향의 에디터를 만들 수 있습니다.

 

그리고 한가지! 알아야 할 점은, 해당 옵션은 클래식 편집기에서만 적용이 된다는 점 입니다. 인라인 편집기의 경우, 도구 모음 위치는 화면에서 편집 가능한 요소의 위치에 따라 동적으로 설정되기 때문에 툴바의 위치를 이동 할 수 있는건 클래식 편집기 일 때만 적용 가능합니다.

 

 

 

 

 

툴바 위치 데모

 

[도구 모음 위치 조정 샘플]

도구 모음 위치 조정 샘플을 통해 자세한 내용을 확인할 수 있습니다. 

 

 

 

 

 

@Junesker

---