API 개요
RichText 생성자
new richtext.RichText("#root", {
// 구성 매개변수
});
매개변수:
- HTML 컨테이너 (예: CSS 선택자 또는 DOM 요소)
- 구성 객체 (속성 보기)
RichText 메서드
| 이름 | 설명 |
|---|---|
| getValue() | RichText의 값을 반환합니다 |
| setValue() | RichText에 새 값을 적용합니다 |
| insertValue() | 현재 커서 위치에 텍스트, Markdown 또는 HTML 콘텐츠를 삽입하거나, 선택된 텍스트를 대체합니다 |
| setConfig() | RichText에 새로운 구성 파라미터를 적용합니다 |
| setLocale() | RichText에 새 로케일을 적용합니다 |
| destructor() | RichText의 모든 HTML 요소를 제거하고, 관련된 모든 이벤트를 해제합니다 |
Event Bus 메서드
| 이름 | 설명 |
|---|---|
| api.exec() | 내부 이벤트를 트리거할 수 있습니다 |
| api.intercept() | 내부 이벤트를 가로채거나 취소할 수 있도록 합니다 |
| api.on() | 내부 이벤트에 핸들러를 연결할 수 있습니다 |
| api.detach() | 이벤트 핸들러를 제거/분리할 수 있습니다 |
| api.setNext() | Event Bus 순서에 특정 액션을 추가할 수 있습니다 |
상태 메서드
| 이름 | 설명 |
|---|---|
| api.getState() | RichText의 StateStore 속성을 담은 객체를 반환합니다 |
| api.getReactiveState() | RichText의 반응형 속성을 담은 객체를 반환합니다 |
이벤트
| 이름 | 설명 |
|---|---|
| align | 메뉴바/툴바 또는 Event Bus 메서드를 통해 텍스트 정렬이 변경될 때 발생합니다 |
| clear-text-format | 메뉴바/툴바 또는 Event Bus 메서드를 통해 텍스트 서식이 지워질 때 발생합니다 |
| copy | 선택한 텍스트를 복사할 때 발생합니다 |
| create-new | 메뉴바에서 "New" 옵션을 누르거나 Event Bus methods를 통해 호출될 때 발생합니다 |
| cut | 선택한 텍스트를 잘라낼 때 발생합니다 |
| delete-link | 링크를 삭제할 때 발생합니다 |
| export | 메뉴바에서 "내보내기" 옵션을 누르거나 Event Bus 메서드를 통해 호출한 후 발생합니다 |
| import | 메뉴바의 "Import" 옵션을 누르거나 Event Bus 메서드를 통해 호출된 후 발생합니다 |
| indent | 블록 들여쓰기를 증가시킬 때 발생합니다 |
| insert-image | 이미지를 삽입할 때 발생합니다 (툴바, 메뉴바, 클립보드 붙여넣기 또는 드래그 앤 드롭을 통해) |
| insert-line | 수평선을 삽입할 때 발생합니다 |
| insert-link | 링크를 삽입할 때 발생합니다 |
| insert-list | 목록을 삽입할 때 발생합니다 |
| outdent | 블록 들여쓰기를 감소시킬 때 발생합니다. |
| paste | 콘텐츠를 붙여넣을 때 발생합니다 |
| 문서를 인쇄할 때 발생합니다 | |
| redo | 메뉴바/툴바의 "Redo" 버튼을 누르거나 Event Bus methods를 통해 실행될 때 발생합니다 |
| resize-image | 이미지 크기 조정 시 발생합니다 |
| set-font-family | 글꼴 패밀리를 설정할 때 발생합니다 |
| set-font-size | 글꼴 크기를 설정할 때 발생합니다 |
| set-line-height | 줄 높이를 설정할 때 발생합니다 |
| set-text-color | 텍스트 색상 및/또는 텍스트 배경 색상을 설정할 때 발생합니다 |
| set-text-format | 텍스트 형식을 설정할 때 발생합니다 |
| set-text-style | 텍스트 스타일을 설정할 때 발생합니다 |
| show-popup | 팝업이 표시되거나 숨겨질 때 발생합니다 |
| subscript | 메뉴바/툴바의 "Subscript" 버튼을 클릭하거나 Event Bus 메서드를 통해 실행될 때 발생합니다 |
| superscript | 메뉴바/툴바의 "Superscript" 버튼을 누르거나 Event Bus 메서드를 통해 실행될 때 발생합니다 |
| toggle-fullscreen-mode | 전체 화면 모드를 전환할 때 발생합니다 |
| toggle-layout-mode | 레이아웃 모드를 전환할 때 발생합니다 |
| toggle-shortcut-info | 단축키 정보 표시를 전환할 때 발생합니다 |
| undo | 메뉴바/툴바의 "실행 취소" 버튼을 누르거나 Event Bus 메서드를 통해 실행 취소할 때 발생합니다 |
| update-link | 링크가 업데이트될 때 발생합니다 |
속성
| 이름 | 설명 |
|---|---|
| defaultStyles | 선택 사항입니다. 특정 블록 유형에 대한 기본 스타일 값을 지정합니다. |
| fullscreenMode | 선택 사항. RichText 전체 화면 모드를 활성화합니다. |
| imageUploadUrl | 선택 사항입니다. 이미지 업로드 시 사용할 URL을 지정합니다 (툴바, 메뉴바, 클립보드 붙여넣기, 드래그 앤 드롭에서 사용됩니다). |
| layoutMode | 선택 사항. 메인 편집기 영역의 레이아웃 모드를 지정합니다 |
| locale | 선택 사항. RichText의 현지화 레이블을 포함하는 객체 |
| menubar | 선택 사항입니다. RichText 상단 메뉴바를 활성화합니다. |
| toolbar | 선택 사항입니다. 툴바를 활성화 하고 툴바에 표시할 버튼을 지정하거나 구성할 수 있습니다. |
| value | 선택 사항입니다. RichText 편집기 영역에 표시되는 초기 값(콘텐츠)을 지정합니다. |