먼저, TinyMCE를 인스턴스화한 후에 툴바를 원하는 위치로 이동하기 위해 toolbar_location 옵션을 사용해야합니다. 다음은 예제 코드입니다:

tinymce.init({
  selector: 'textarea',
  toolbar_location: 'top'
});

위 코드에서 selector는 텍스트 에디터를 연결할 HTML 요소를 선택합니다. toolbar_location의 값을 ‘top’으로 설정하면 툴바가 에디터 위로 이동됩니다. ‘top’ 대신 ‘bottom’을 사용하면 툴바가 에디터 아래로 이동됩니다.

만약 특정 툴바 버튼만 이동시키고 싶다면, toolbar 옵션을 사용하여 표시할 툴바 버튼을 지정할 수 있습니다. 예를 들어, Bold, Italic, Underline 버튼만 툴바로 이동시키고 싶다면 아래와 같이 코드를 수정하십시오:

tinymce.init({
  selector: 'textarea',
  toolbar: 'bold italic underline',
  toolbar_location: 'top'
});

위 코드에서 toolbar 옵션에 ‘bold italic underline’을 설정하여 해당 버튼만 툴바로 이동시킬 수 있습니다.

더 많은 툴바 옵션과 설정 가능한 값에 대해서는 TinyMCE 공식 문서를 참조하십시오.