autumn-note

Autumn Note는 현대적인 바닐라 JavaScript로 작성된 가벼운 WYSIWYG 리치 텍스트 편집기로, jQuery나 런타임 의존성이 없습니다. 더 큰 편집기 라이브러리의 대안으로 자리잡고 있으며, 브라우저에서 직접 사용하거나 공식 React 및 Vue 3 래퍼를 통해 사용할 수 있습니다. 편집기는 굵게, 기울임, 밑줄, 제목, 목록, 체크리스트, 정렬, 글꼴 선택, 줄 간격, 색상, 실행 취소/재실행, 그리고 탭 기반 들여쓰기 등 일반적인 서식을 지원합니다. 또한 링크, 이미지, 비디오, 수평선, 표, 이모지, 그리고 FontAwesome 아이콘을 삽입하는 도구를 제공하며, 각 항목에 대한 구성 대화 상자가 있습니다. 이미지 처리는 URL 삽입, base64 임베딩, 서버 측 업로드 콜백, 진행 상황 보고, 자르기 오버레이, 그리고 크기 조정을 지원합니다. 표에는 그리드 선택기, 헤더 행, 그리고 행, 열, 셀, 테두리, 패딩, 정렬, 그리고 CSV 내보내기 작업을 위한 플로팅 툴팁이 포함되어 있습니다. 편집기는 구성 가능한 툴바, 고정 툴바, 버블 툴바, 상태 표시줄, 전체 화면 모드, 코드 보기, 플레이스홀더, 읽기 전용 미리 보기, localStorage 자동 저장, 그리고 다크/라이트/자동 테마를 제공합니다. Markdown 단축키는 입력된 Markdown을 HTML로 변환하며, Markdown 변환 메서드는 .md 콘텐츠를 내보내거나 가져올 수 있습니다. 찾기 및 바꾸기는 대소문자 구분, 정규식, 그리고 하이라이팅을 지원합니다. 코드 블록은 활성화 시 자동 언어 감지와 Prism.js 구문 하이라이팅을 받을 수 있습니다. 국제화는 8개 언어로 내장되어 있으며, 사용자 정의 로케일 문자열과 인스턴스별 언어 설정을 지원합니다. 접근성 기능에는 로빙-tabindex 툴바, 레이블이 있는 컨트롤, 토글에 대한 ARIA 상태, 대화 상자에서의 포커스 트래핑, 그리고 터치 친화적인 크기 조정 핸들이 포함됩니다. 보안 조치로는 붙여넣기 및 설정된 콘텐츠에 대한 HTML 위생, 위험한 SVG 애니메이션 요소 제거, URL 허용 목록, 인라인 스타일 필터링, 그리고 이벤트 핸들러 제거가 있습니다. 패키지는 Node 기반 프레임워크에 대해 SSR 안전하며, 선택적 CDN 자산은 더 엄격한 CSP 환경을 위해 비활성화하거나 자체 호스팅할 수 있습니다. 기본 편집 기능만 필요한 경우 더 작은 번들을 위해 최소한의 코어 진입점이 제공됩니다.