[javascript] TinyMCE에서 텍스트 에디터에서 텍스트의 줄 간격을 조정하는 방법은?
tinymce.init
함수를 사용하여 TinyMCE를 초기화합니다.formats
옵션을 설정하여 원하는 줄 간격 스타일을 정의합니다.- 텍스트 에디터에서 줄 간격을 적용하려는 텍스트를 선택합니다.
lineheightselect
플러그인을 활성화하고 툴바에 추가합니다.
아래는 예시 코드입니다:
tinymce.init({
selector: 'textarea',
plugins: 'lineheight lineheightselect',
toolbar: 'lineheightselect',
lineheight_formats: '1 1.25 1.5 2', // 원하는 줄 간격 스타일 정의
});
위 코드에서 lineheight_formats
에 원하는 줄 간격 값을 설정하면 됩니다. 원하는 줄 간격 스타일을 추가하려면 스페이스로 구분하여 값을 입력하면 됩니다.
이제 줄 간격을 조정할 텍스트를 선택하고, 툴바에서 줄 간격 스타일을 선택하여 적용할 수 있습니다.
참고 자료:
- TinyMCE 공식 문서: 줄 간격 설정하기
- TinyMCE 공식 문서: lineheight 플러그인
- TinyMCE 공식 문서: lineheightselect 플러그인 ```