[javascript] TinyMCE에서 텍스트 에디터에서 텍스트의 글꼴을 변경하는 방법은?

24 Nov 2023

포맷팅 메뉴 사용: TinyMCE는 기본적으로 텍스트를 선택하고 포맷팅 메뉴에서 글꼴 스타일을 변경할 수 있도록 제공합니다. 예를 들어, 사용자는 글꼴 드롭다운 메뉴에서 원하는 글꼴을 선택할 수 있습니다.
사용자 지정 CSS 스타일 적용: TinyMCE는 스타일시트를 사용하여 에디터에 사용자 지정 CSS 스타일을 적용할 수 있도록 지원합니다. 사용자는 에디터의 설정 파일에서 스타일시트의 경로를 지정하고, 해당 스타일시트에서 글꼴 스타일을 정의하여 텍스트의 글꼴을 변경할 수 있습니다.

tinymce.init({
   selector: 'textarea',
   content_css: 'path/to/custom.css',
   // 나머지 설정 옵션들...
});

플러그인 사용: TinyMCE는 다양한 플러그인을 제공하여 텍스트의 글꼴을 변경하는 기능을 확장할 수 있습니다. 예를 들어, ‘fontformats’ 플러그인을 사용하면 사용자 정의 글꼴 스타일을 에디터에 추가할 수 있습니다.

tinymce.init({
   selector: 'textarea',
   plugins: 'fontformats',
   toolbar: 'fontformats',
   // 나머지 설정 옵션들...
});

위의 방법 중 적합한 방법을 선택하여 TinyMCE에서 텍스트의 글꼴을 변경할 수 있습니다. 사용자가 원하는 방법에 따라 적절한 설정을 적용하면 됩니다.

참고 자료: