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

24 Nov 2023

TinyMCE 에디터를 초기화합니다.

tinymce.init({
  selector: '#myTextarea',
  toolbar: 'backcolor',
  plugins: 'textcolor'
});

배경색을 변경할 텍스트를 선택합니다.

var selectedText = tinymce.activeEditor.selection.getContent();

선택한 텍스트에 배경색을 적용합니다.

tinymce.activeEditor.execCommand('BackColor', false, 'yellow');

위의 코드에서 ‘#myTextarea’ 부분은 텍스트 에디터가 표시될 요소의 ID를 나타냅니다. textcolor 플러그인이 필요하므로 해당 플러그인을 불러와야 합니다.

참고 문서: