1. 먼저 TinyMCE를 웹 페이지에 추가해야 합니다. <script> 태그를 사용하여 TinyMCE 라이브러리를 로드하세요.

<script src="path/to/tinymce.min.js"></script>

1. 텍스트 에디터를 생성하기 위해 <textarea> 태그를 추가합니다.

<textarea id="editor"></textarea>

1. JavaScript 코드에서 TinyMCE를 초기화하고 커스텀 플러그인을 추가합니다.

tinymce.init({
  selector: '#editor',
  plugins: 'insertaudio',
  toolbar: 'insertaudio',
  file_picker_types: 'audio',
  file_picker_callback: function(callback, value, meta) {
    if (meta.filetype === 'audio') {
      // 음악 파일 선택 대화 상자를 열고 선택한 파일의 URL을 콜백에 전달합니다.
      yourAudioPickerDialog(function(fileUrl) {
        callback(fileUrl);
      });
    }
  }
});

위 코드에서 insertaudio는 TinyMCE의 플러그인으로, 음악 파일 삽입을 가능하게 해줍니다. toolbar 속성은 툴바에 음악 파일 삽입 기능을 추가합니다. file_picker_types는 파일 선택 대화 상자에서 보여줄 파일 형식을 설정하는데, 여기서는 오디오 파일만 선택 가능하도록 설정했습니다. file_picker_callback은 파일 선택 이벤트를 처리하기 위한 콜백 함수입니다.

1. 커스텀 플러그인을 작성하여 파일 선택 대화 상자를 열고 선택한 파일의 URL을 콜백에 전달하는 로직을 구현하세요. 이 부분은 각자의 요구사항에 맞게 구현해야 합니다.

function yourAudioPickerDialog(callback) {
  // 음악 파일 선택 대화 상자를 구현하세요
  // 선택한 파일의 URL을 callback 함수에 전달하세요
}

위의 코드를 사용하여 TinyMCE에 음악 파일 삽입 기능을 추가할 수 있습니다. 음악 파일 선택 대화 상자는 각자의 요구사항에 맞게 설계하여 구현해야 합니다.