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 21 Next »

릴리즈 2.17.2311 이상

커스텀 글머리를 설정 할 수 있습니다.

커스텀 글머리 설정

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

config  설정하기

KeyType설명
formatstring
  • format에 적용할 수 있는 글머리 번호 종류는 아래와 같습니다.

종류결과 값
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
backgroundColorstring | Object배경색'yellow', '#ffff00', { r: 255, g: 255, b: 0 }

제약 사항

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


적용 예시

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

스타일을 적용 릴리즈 3.2.2509 이상 릴리즈 2.20.2509 이상

config 설정에 runStyle 속성을 추가하면 글머리에 원하는 스타일을 추가할 수 있습니다.

제약 사항

  • config 설정에 runStyle을 설정하면, 에디터 편집 시 사용자가 적용한 스타일보다 runStyle 설정이 우선 적용됩니다.


적용 예시

'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 }
            }
        },
        {
            format: 'bullet',
            levelText: '@',
            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: '#',
            runStyle: {
                color: { r: 45, g: 255, b: 45 },
                fontSize: { value: 32, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: 'red'
            }
        },
        {
            format: 'bullet',
            levelText: '♤',
            runStyle: {
                color: '#634948',
                fontSize: { value: 40, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: { r: 55, g: 12, b: 235 }
            }
        },
    ]


  • No labels