1. 스타일 적용 클래스 정의: 스타일을 적용할 특정 텍스트 요소에 클래스를 정의하여 스타일을 적용할 수 있습니다. 예를 들어, 사용자 정의 스타일 “my-custom-style”을 만들고 해당 클래스를 텍스트 요소에 적용합니다.

tinymce.init({
  selector: '#my-editor',
  content_css: 'path/to/custom-styles.css',
  style_formats: [
    { title: 'My Custom Style', classes: 'my-custom-style' }
  ]
});

1. 인라인 스타일 정의: 텍스트 에디터에서 직접 스타일 속성을 정의하여 스타일을 적용할 수도 있습니다. 예를 들어, 텍스트를 강조하기 위해 글꼴 색상을 빨강으로 설정하려면 다음과 같이 설정할 수 있습니다.

tinymce.init({
  selector: '#my-editor',
  style_formats: [
    { title: 'Red Text', inline: 'span', styles: { color: 'red' } }
  ]
});

이제 사용자는 “My Custom Style”과 “Red Text”와 같은 스타일을 텍스트 에디터에서 선택하여 텍스트에 적용할 수 있을 것입니다.

더 많은 사용자 정의 스타일을 추가하는 방법과 다른 TinyMCE 기능에 대한 정보는 TinyMCE 공식 문서를 참조하십시오.