TinyMCE는 맞춤 설정 가능한 오픈 소스 WYSIWYG 텍스트 에디터입니다. 목록 기능을 추가하려면 다음 단계를 따르세요.

1. TinyMCE를 다운로드하고 웹 페이지에 통합합니다. 설치에 관련된 자세한 정보는 TinyMCE 공식 문서를 참조하십시오.

2. 에디터를 초기화하고 사용할 설정을 구성합니다. 아래의 코드를 사용하여 옵션을 설정할 수 있습니다.

tinymce.init({
  selector: 'textarea', // 에디터가 적용될 textarea 선택자
  plugins: 'lists', // 목록 플러그인 사용
  toolbar: 'undo redo | bullist numlist' // 툴바에 목록 버튼 추가
});

1. 이제 에디터가 텍스트 영역에 적용되며, 사용자는 목록을 만들고 편집할 수 있게 됩니다. 툴바에는 불릿 목록과 번호 목록 버튼이 추가됩니다.

위 코드에서 plugins 옵션에 lists를 추가하면 목록 플러그인이 활성화되며, toolbar에 bullist와 numlist를 추가하면 툴바에 불릿 목록과 번호 목록 버튼이 나타납니다.

이제 사용자는 TinyMCE 텍스트 에디터를 사용하여 텍스트에 목록을 추가하고 편집할 수 있습니다.

더 자세한 내용은 TinyMCE 공식 문서의 “Lists Plugin” 섹션을 참조하시기 바랍니다.