Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

릴리즈 3.2.0 이상 릴리즈 2.20.0 이상

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

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

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

  • No labels