'editor.titleStyle' 설정을 통해 각 제목(H1~H6)의 className과 style을 커스터마이징할 수 있습니다.

이 설정에 등록된 className은 문단 요소에 적용된 경우에만 유효하며, 해당 문단이 목차 추출 시 제목 요소로 인식되어 목차 모델에 포함됩니다.

에디터 문단 요소


/**
 * 제목(H1~H6)의 클래스와 스타일을 설정합니다.
 * ex) {
			H1: { style: 'font-size: 24pt; font-weight: bold; color: red;', className: 'h1' },
			H2: { style: 'font-size: 20pt; font-weight: bold; color: orange;', className: 'h2' },
			H3: { style: 'font-size: 18pt; font-weight: bold; color: yellow;', className: 'h3' },
			H4: { style: 'font-size: 16pt; font-weight: bold; color: green;', className: 'h4' },
			H5: { style: 'font-size: 14pt; font-weight: bold; color: blue;', className: 'h5' },
			H6: { style: 'font-size: 11pt; font-weight: bold; color: purple;', className: 'h6' }
		}
 */
{
	'editor.titleStyle': {}
}


'editor.titleStyle': {

   H1: { style: 'font-size: 24pt; font-weight: bold; color: red;', className: 'h1' },
   H2: { style: 'font-size: 20pt; font-weight: bold; color: orange;', className: 'h2' },
   H3: { style: 'font-size: 18pt; font-weight: bold; color: yellow;', className: 'h3' },
   H4: { style: 'font-size: 16pt; font-weight: bold; color: green;', className: 'h4' },
   H5: { style: 'font-size: 14pt; font-weight: bold; color: blue;', className: 'h5' },
   H6: { style: 'font-size: 11pt; font-weight: bold; color: purple;', className: 'h6' }

}

'editor.titleStyle': {} (기본값)