먼저, TinyMCE를 웹 페이지에 통합해야합니다. <script> 태그를 사용하여 TinyMCE 스크립트를 포함시킬 수 있습니다. 예를 들어:

<script src="https://cdn.tiny.cloud/1/{API_KEY}/tinymce/5/tinymce.min.js"></script>

여기서 {API_KEY}를 자신의 TinyMCE API 키로 바꿔야 합니다.

텍스트 정렬 기능을 에디터에 추가하기 위해, tinymce.init() 함수를 사용하여 에디터를 초기화하는 JavaScript 코드를 작성해야합니다. 다음은 텍스트 정렬을 위한 기능을 추가하는 예입니다:

tinymce.init({
  selector: 'textarea',
  toolbar: 'alignleft aligncenter alignright alignjustify',
  plugins: 'advlist',
  advlist_toolbar_labels: true
});

위에서 사용된 주요 옵션은 다음과 같습니다:

• selector: 텍스트 에디터로 사용할 <textarea>의 CSS 선택자입니다. 적용할 텍스트 에디터를 선택하기 위해 필요합니다.
• toolbar: 에디터에 표시할 툴바 버튼을 지정합니다. alignleft, aligncenter, alignright, alignjustify는 텍스트 정렬을 위한 버튼입니다. 필요한 버튼을 추가하십시오.
• plugins: 필요한 플러그인을 지정합니다. advlist 플러그인은 텍스트 정렬 기능을 제공합니다.
• advlist_toolbar_labels: true로 설정하면 툴바 버튼에 레이블이 표시됩니다.

이제 웹 페이지를 로드하고 <textarea>를 클릭하면 TinyMCE 텍스트 에디터가 열리고 텍스트 정렬 기능을 사용할 수 있습니다.