메뉴 설정

메뉴 활성화 / 비활성화

메뉴를 활성화하거나 비활성화하려면 editor.menu.show 키를 사용합니다(기본값: true).

// synapeditor.config.js
{
  'editor.menu.show': true
}

메뉴 구조

상위 수준(깊이 1) 메뉴를 정의하려면 editor.menu.list를 사용합니다.

// synapeditor.config.js
{
  'editor.menu.list': [
    'file',
    'edit',
    'view',
    'insert',
    'format',
    'table',
    'tools'
  ]
}

editor.menu.definition을 사용하여 하위 메뉴를 정의합니다.

// synapeditor.config.js
{
  'editor.menu.definition': {
    'file': [
      'new',
      'open',
      '-',
      'template',
      'autoSave',
      'print',
      'pageBreak'
    ],
    'edit': [
      'undo',
      'redo',
      '-',
      'copy',
      '-',
      'find'
    ],
    'view': [
      'fullScreen',
      '-',
      'source',
      'preview'
    ],
    'insert': [
      'link',
      'image',
      'background',
      '-',
      'video',
      'file',
      'horizontalLine',
      '-',
      'specialCharacter',
      'emoji'
    ],
    'format': [
      'bold',
      'italic',
      'underline',
      'strike',
      '-',
      'superScript',
      'subScript',
      '-',
      {
        'groupName': 'list',
        'subMenuItems': [
          'bulletList',
          'numberedList',
          'multiLevelList'
        ]
      },
      'increaseIndent',
      'decreaseIndent',
      '-',
      {
        'groupName': 'align',
        'subMenuItems': [
          'alignLeft',
          'alignCenter',
          'alignRight',
          'alignJustify'
        ]
      },
      {
        'groupName': 'format',
        'subMenuItems': [
          'copyRunStyle',
          'pasteRunStyle',
          'removeRunStyle'
        ]
      },
      'paragraphProperties'
    ],
    'table': [
      'table',
      'deleteTable',
      'tableProperties',
      '-',
      {
        'groupName': 'row',
        'subMenuItems': [
          'insertRowBefore',
          'insertRowAfter',
          'deleteRow'
        ]
      },
      {
        'groupName': 'column',
        'subMenuItems': [
          'insertColBefore',
          'insertColAfter',
          'deleteCol'
        ]
      },
      {
        'groupName': 'cell',
        'subMenuItems': [
          'mergeCell',
          'splitCell',
          'cellProperties'
        ]
      }
    ],
    'tools': [
      {
        'groupName': 'conversion',
        'subMenuItems': ['upperCase', 'lowerCase', 'titleCase', 'toggleCase']
      }
    ]
  }
}

예시

아래 각 예시는 하위 메뉴 정의와 그에 따른 메뉴 결과를 짝지어 보여줍니다.

파일

'file': [
  'new',
  'open',
  '-',
  'template',
  'autoSave',
  'print',
  'pageBreak'
]

편집

'edit': [
  'undo',
  'redo',
  '-',
  'copy',
  '-',
  'find'
]

보기

'view': [
  'fullScreen',
  '-',
  'source',
  'preview'
]

삽입

'insert': [
  'link',
  'image',
  'background',
  '-',
  'video',
  'file',
  'horizontalLine',
  '-',
  'specialCharacter',
  'emoji'
]

서식

'format': [
  'bold',
  'italic',
  'underline',
  'strike',
  '-',
  'superScript',
  'subScript',
  '-',
  {
    'groupName': 'list',
    'subMenuItems': [
      'bulletList',
      'numberedList',
      'multiLevelList'
    ]
  },
  'increaseIndent',
  'decreaseIndent',
  '-',
  {
    'groupName': 'align',
    'subMenuItems': [
      'alignLeft',
      'alignCenter',
      'alignRight',
      'alignJustify'
    ]
  },
  {
    'groupName': 'style',
    'subMenuItems': [
      'copyRunStyle',
      'pasteRunStyle',
      'removeRunStyle'
    ]
  },
  'paragraphProperties'
]

표

'table': [
  'table',
  'deleteTable',
  'tableProperties',
  '-',
  {
    'groupName': 'row',
    'subMenuItems': [
      'insertRowBefore',
      'insertRowAfter',
      'deleteRow'
    ]
  },
  {
    'groupName': 'column',
    'subMenuItems': [
      'insertColBefore',
      'insertColAfter',
      'deleteCol'
    ]
  },
  {
    'groupName': 'cell',
    'subMenuItems': [
      'mergeCell',
      'splitCell',
      'cellProperties'
    ]
  }
]

도구

'tools': [
  {
    'groupName': 'conversion',
    'subMenuItems': [
      'upperCase',
      'lowerCase',
      'titleCase',
      'toggleCase'
    ]
  }
]