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 17 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글자 색상
fontSizeObject글자 크기
underlineboolean밑줄
italicboolean기울임
strikeboolean취소선
fontWeightnumber글자 굵기
backgroundColorstring | Object배경색

제약 사항

  • 커스텀 글머리는 최대 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: { r: 123, g: 255, b: 45 },
                fontSize: { value: 40, unit: 'pt' },
                italic: true,
                strike: true,
                backgroundColor: { r: 55, g: 12, b: 235 }
            }
        },
    ]


  • No labels