[javascript] TinyMCE에서 텍스트 에디터에서 목록 항목의 번호 스타일을 변경하는 방법은?

TinyMCE는 강력한 온라인 텍스트 에디터로, 사용자가 웹 페이지에서 서식을 지정하고 텍스트를 편집할 수 있게 해줍니다. 목록 항목의 번호 스타일을 변경하려면 TinyMCE 초기화 시에 목록 항목의 스타일을 설정해야 합니다.

다음과 같이 TinyMCE 초기화 설정에 content_style 매개변수를 사용하여 목록 항목의 스타일을 설정할 수 있습니다:

tinymce.init({
  selector: 'textarea',
  content_style: 'ol { list-style-type: upper-roman; }',
});

위의 코드에서 content_style 속성은 CSS를 사용하여 목록 항목의 스타일을 변경합니다. ol 선택자를 사용하여 정렬된 목록의 스타일을 설정하고, list-style-type 속성을 사용하여 번호 스타일을 변경할 수 있습니다. 예를 들어, upper-roman을 사용하면 로마 숫자로 번호가 표시됩니다.

이제 TinyMCE에서 목록 항목을 사용할 때, 해당 번호 스타일이 설정된 것을 확인할 수 있습니다.

더 많은 정보를 원하신다면, TinyMCE 공식 문서를 참조하시기 바랍니다: TinyMCE Documentation.

기여해주셔서 감사합니다!