먼저 TinyMCE를 초기화하고 텍스트 에디터를 생성한 후, 사용자가 색상을 변경할 수 있도록 다양한 방법을 제공할 수 있습니다. 가장 일반적인 방법은 사용자에게 색상 선택을 위한 드롭다운 메뉴를 제공하는 것입니다.

아래는 TinyMCE에서 텍스트의 글자 색상을 변경하는 예시 코드입니다:

tinymce.init({
  selector: 'textarea', // 에디터를 적용할 textarea 요소 선택자
  toolbar: 'forecolor', // 글자 색상을 변경할 수 있는 툴바 버튼 추가
  plugins: 'textcolor', // 글자 색상 플러그인 추가
  toolbar_mode: 'floating', // 툴바를 최상단으로 고정
  textcolor_cols: '5', // 텍스트 색상을 표시할 행 수
  textcolor_rows: '5', // 텍스트 색상을 표시할 열 수
});

위 코드에서 toolbar 속성에 forecolor를 추가하여 글자 색상을 변경할 수 있는 툴바 버튼을 추가합니다. plugins 속성에 textcolor를 추가하여 글자 색상 플러그인을 사용할 수 있도록 합니다. toolbar_mode 속성을 floating으로 설정하면 툴바를 최상단으로 고정시킬 수 있습니다. 마지막으로 textcolor_cols와 textcolor_rows 속성을 설정하여 텍스트 색상을 표시할 행과 열의 수를 지정할 수 있습니다.

이제 사용자는 에디터에서 글자를 선택하고 드롭다운 메뉴에서 원하는 색상을 선택할 수 있습니다.

추가적인 정보나 사용 예시를 찾고 싶다면 TinyMCE 공식 문서를 참조하시면 도움이 될 것입니다. [^1^]