SVAR Svelte Editor 개요
SVAR Svelte Editor 컴포넌트를 사용하면 독립형 widget 또는 사이드바 패널의 일부로 편집기 폼을 구현할 수 있습니다. Comments 및 Tasklist 컴포넌트를 포함한 모든 SVAR Svelte Core 폼 컨트롤을 손쉽게 통합할 수 있습니다. 또한 내장 타입 정의를 통한 TypeScript 지원을 제공합니다.
Editor를 모든 구조화된 데이터의 편집 폼으로 통합하고, 페이지의 UI 요소에 연 결하여 애플리케이션 요구에 맞게 구성할 수 있습니다. 주요 사용 사례는 다음과 같습니다:
- 여러 필드 유형(사용자 프로필, 정보 카드, 제품 세부 정보, 테이블 행)을 포함한 구조화된 데이터 편집
- 페이지 이동 없이 인라인 편집 제공
- 사이드바 또는 팝업으로 표시되는 컨텍스트 편집 폼 생성
- 기존 UI 워크플로우에 편집 기능 통합
License: MIT
아래 이미지는 API를 사용하여 Editor 컴포넌트를 구성할 수 있는 방법 중 하나를 보여줍니다:
주요 기능
구성
- 팝업, 사이드바 또는 인라인 표시 모드
- SVAR Core Controls(텍스트 입력, 체크박스, 날짜 선택기 등) 통합
- 도구 모음 위치 설정 가능(상단 또는 하단)
- 1열 또는 2열 레이아웃
- 폼 필드를 별도 그룹으로 분리
- 접을 수 있는 폼 섹션
- 아코디언 스타일 섹션
- 모달 스타일 섹션
- 라이트 및 다크 테마
- 현지화
폼 동작
- 사용자 정의 가능한 폼 유효성 검사
- 필수 필드 지원
- 자동 또는 사용자 작업 시 변경 사항 저장