[javascript] TinyMCE에서 텍스트 에디터에서 텍스트의 줄 간격을 조정하는 방법은?

24 Nov 2023

javascript

CSS를 사용하여 줄 간격 설정:

/* 텍스트 에디터 전체적인 줄 간격 설정 */
.mce-content-body {
  line-height: 1.5;
}
   
/* 특정 클래스나 ID의 요소의 줄 간격 설정 */
.my-class {
  line-height: 1.2;
}
   
#my-id {
  line-height: 1.2;
}

CSS를 사용하면 줄 간격을 전체적으로 설정하거나, 특정 클래스나 ID의 요소에만 적용할 수 있습니다.

TinyMCE 초기화 시 줄 간격 설정:
```
tinymce.init({
  selector: 'textarea',
  content_style: 'body { line-height: 1.5; }'
});
```
TinyMCE 초기화 시 content_style 속성을 사용하여 텍스트 에디터 전체의 줄 간격을 설정할 수 있습니다.
플러그인을 사용하여 줄 간격 설정: TinyMCE의 플러그인을 사용하면 자신만의 커스텀 동작을 추가할 수 있습니다. 줄 간격을 조정하기 위한 플러그인을 작성하여 사용할 수 있습니다.

참고 자료: