사이냅 에디터 문서
Space shortcuts
Page tree
Skip to end of metadata
Go to start of metadata

릴리즈 2.17.2311 이상

'editor.list.customList'를 이용하여 커스텀 글머리를 설정할 수 있습니다.

config  설정하기

  • 커스텀 글머리는 최대 9레벨까지 설정할 수 있습니다.
  • 9레벨을 초과해서 정의된 항목은 표시되지 않습니다.
  • 설정 배열이 빈 배열([])일 경우, 커스텀 글머리 기능은 동작하지 않습니다.
  • 설정한 항목 개수가 9개보다 적을 경우, 정의된 항목이 반복되어 9레벨까지 자동으로 채워집니다.
  • config 설정에 runStyle을 설정하면, 에디터 편집 시 사용자가 적용한 스타일보다 runStyle 설정이 우선 적용됩니다.
KeyType설명
formatstring

  • format에 적용할 수 있는 글머리 종류는 아래와 같습니다.

종류결과 값
bulletlevelText 설정한 값
decimal

1.

decimalEnclosedCircle

①

decimalParentheses(1)

upperLetter

A.

lowerLetter

a.

upperRoman

I.

lowerRoman

i.

ganada

가.

chosung

ㄱ.

levelTextstring
  • format이 bullet 일 경우에만 유효합니다.
'editor.list.customList': [
	{ format: 'decimal' },
	{ format: 'bullet', levelText: '□' },
	{ format: 'bullet', levelText: '♧' },
	{ format: 'decimalEnclosedCircle' }
]

runStyle

Object

릴리즈 3.2.2509 이상 릴리즈 2.20.2509 이상

  • runStyle 속성을 추가하면 글머리에 원하는 스타일을 추가할 수 있습니다.
keyType설명값 예시
colorstring | Object       

글자 색상 지정      

'red', '#ff0000', { r: 255, g: 0, b: 0 }   
fontSizeObject

글자 크기 설정

{ value: 12, unit: 'pt' }
underlineboolean

밑줄 여부

true / false
italicboolean기울임 여부true / false
strikeboolean취소선 여부true / false
fontWeightnumber글자 굵기400, 700
backgroundColor      string | Object  배경색'yellow', '#ffff00', { r: 255, g: 255, b: 0 }        
'editor.list.customList': [
        {
            format: 'bullet',
            levelText: '★',
            runStyle: {
                color: 'yellow',
                fontSize: { value: 12, unit: 'pt' },
                underline: true,
                italic: true,
                strike: true,
                fontWeight: 700,
                backgroundColor: { r: 135, g: 206, b: 250 }
            }
        }
    ]
distancenumber

릴리즈 3.3.1 이상 릴리즈 2.21.1 이상

distance값을 설정하면 글머리와 텍스트 사이 간격을 조정할 수 있습니다. (기본값 -10)

  • 음수값을 설정하면 글머리와 텍스트 사이의 간격이 벌어집니다.
  • 양수값을 설정하면 글머리와 텍스트가 서로 겹치게 됩니다.
'editor.list.customList': [
	{ format: 'bullet', levelText: '★', distance: -20 },
	{ format: 'bullet', levelText: '★', distance: -10 },
	{ format: 'bullet', levelText: '★', distance: 0 },
	{ format: 'bullet', levelText: '★', distance: 20 },
]
distance: -10 (기본값)distance: -5distance: 0


적용 예시

글머리 설정 예시

'editor.list.customList': [
	{ format: 'decimal' },
	{ format: 'bullet', levelText: '□' },
	{ format: 'bullet', levelText: '♧' },
	{ format: 'decimalEnclosedCircle' }
]


스타일 설정 예시 릴리즈 3.2.2509 이상 릴리즈 2.20.2509 이상

'editor.list.customList': [
        {
            format: 'bullet',
            levelText: '★',
            distance: -10, // 3.3.1, 2.21.1버전 이상
            runStyle: {
                color: 'yellow',
                fontSize: { value: 12, unit: 'pt' },
                underline: true,
                italic: true,
                strike: true,
                fontWeight: 700,
                backgroundColor: { r: 135, g: 206, b: 250 }
            }
        },
        {
            format: 'bullet',
            levelText: '＠',
            distance: -5, // 3.3.1, 2.21.1버전 이상
            runStyle: {
                color: { r: 255, g: 123, b: 45 },
                fontSize: { value: 24, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: { r: 235, g: 55, b: 12 }
            }
        },
        {
            format: 'bullet',
            levelText: '#',
            distance: 0, // 3.3.1, 2.21.1버전 이상
            runStyle: {
                color: { r: 45, g: 255, b: 45 },
                fontSize: { value: 32, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: 'red'
            }
        },
        {
            format: 'bullet',
            levelText: '♤',
            distance: -5, // 3.3.1, 2.21.1버전 이상
            runStyle: {
                color: '#634948',
                fontSize: { value: 40, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: { r: 55, g: 12, b: 235 }
            }
        },
    ]



관련정보

  • No labels