Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

사용자정의 스타일을 이용해서 자주 사용되는 문단, 런 스타일을 등록해두시면 더 빠르고 편리한 편집이 가능합니다.

사용자정의 문단스타일

사용자정의 문단스타일을 사용하려면 아래와 같이 환경설정을 해야 합니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js

...

'editor.customStyle

...

': 

...

{
    'paragraph': [{
        'name': 'Dark Gray 2',
        'style': {
            'color': { 'r': 98, 'g': 98, 'b': 98 }
    

...

    },
    },{
        '

...

name': 

...

'Light Gray',
        '

...

style': 

...

{
        

...

    'color': { 'r': 220, 'g': 220, 'b': 220 }
        }
    }]

...


}
  • 사용자정의 문단스타일 적용결과

...


  • Image Added

사용자정의 런스타일

사용자정의 런스타일은 아래와 같이 설정합니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js

...

'editor.customStyle

...

': {

...

    'textRun': [{
        'name': '

...

Mint 32 Bold',
        'style': {
            '

...

bold': 

...

true,
            '

...

fontSize': {
                '

...

value': 

...

32,
                '

...

unit': 

...

'pt'
            },
            '

...

color': 

...

{ 'r': 57, 'g': 182, 'b': 184 }
 

...

       }
    }, {
 

...

       'name': '

...

Orange 24 Bold',
        'style': {
            '

...

bold': 

...

true,
            '

...

fontSize': {
          

...

      'value': 

...

24,
          

...

      'unit': 'pt'
            },
            '

...

color': 

...

{ 'r': 243, 'g': 151, 'b': 0 }
 

...

       }
    }

...

]
}
  • 사용자정의 런스타일 설정 결과

...



  • Image Added