상단 메뉴바 & UI 컨트롤

기존 타사 제품 패턴을 참고한 상단 드롭다운 메뉴바와, 런타임 UI 컨트롤 메서드를 시연합니다.

이 페이지의 기능

상단 메뉴바

  • 7개 그룹 메뉴
  • 파일·편집·보기·삽입·서식·도구·도움말
  • 항목별 SVG 아이콘
  • 단축키 표시
  • 표·이모지 피커 (메뉴 옆에 바로)

런타임 UI API

  • showMenuBar
  • showToolbar
  • showStatusBar
  • setReadOnly
  • setFullscreen
  • setHeight / setWidth
  • setUI / getUI
  • enableMenuBar / disableMenuBar

커스텀 · 정보

  • 커스텀 메뉴 설정
  • onMenuCommand 콜백
  • 에디터 정보 다이얼로그
  • 로고·라이선스·버전

메뉴바를 직접 클릭해 보세요. 우측 패널에서 메뉴바·툴바·상태바·전체화면·읽기전용을 토글하고, setUI / getUI로 상태를 확인할 수 있습니다.

💡 메뉴바의 파일·편집·보기·삽입·서식·도구·도움말 메뉴를 직접 클릭해 보세요. 우측 패널에서 메뉴바·툴바·상태바·전체화면·읽기전용을 토글하고 크기를 조절할 수 있습니다.
에디터 (메뉴바 활성화 상태)
UI 컨트롤 패널
메뉴바
editor.showMenuBar(bool)
툴바
editor.showToolbar(bool)
상태바
editor.showStatusBar(bool)
읽기 전용
editor.setReadOnly(bool)
전체 화면 (F11)
editor.setFullscreen(bool)
크기 조절
px (height)
px (width)
메뉴바 설정
setUI() — 일괄 적용
현재 상태 (editor.getUI())
현재 메뉴 구성 (JSON)

📘 상세 API는 튜토리얼를 참고하세요. UI 컨트롤 메서드: showMenuBar / showToolbar / showStatusBar / setReadOnly / setFullscreen / setHeight / setWidth / setUI / getUI / enableMenuBar / disableMenuBar