'editor.titleStyle' 설정 시 제목의 클래스, 스타일을 커스텀하게 설정 가능합니다.

className에 설정된 값이 목차 추출 시 목차로 인식되어, 제목 요소로 목차 모델에 포함됩니다.
synapeditor.config.js

/**
 * 제목(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': {} (기본값)