...
Children Display | ||||||||
---|---|---|---|---|---|---|---|---|
|
기타 편집 API 추가 및 개선
API | 설명 |
---|---|
insertHTML | 파라메터에 ID가 존재할 경우 ID와 Offset에 해당하는 위치에 삽입됩니다. ID가 존재하지 않을 경우 현재 Selection을 기준으로 다음 문단에 삽입됩니다. |
isDirty, clearDirty | 편집된 내용이 있는지 판단하기 위한 isDirty() 메소드와 이를 초기화하는 clearDirty() 메소드가 추가되었습니다. |
getSelection | 에디터에서 selection 정보를 가져오는 API를 |
추가되었습니다. |
Selection 정보에서 문단, 셀, 표의 ID와 offset정보를 구할 수 있습니다. | |
updateModel, updateBodyModel | HTML DOM을 수정하고 그 내용을 편집모델에 반영 후 다시 렌더링할 수 있는 |
API가 추가되었습니다. | |
getAPIModels, getAPIModelById, getAPIModelsBySelector | 현재 selection, id, selector를 이용해서 편집용 APIModel을 가져오는 |
API가 추가되었습니다. | |
getContentsDocument | 에디터 편집영역의 document를 반환하는 API가 추가되었습니다. |
getHTMLElement, getHTMLElements | 캐럿이 위치한곳의 HTML Element |
가져오기오는 API가 추가되었습니다. | |
getTableCellHTMLElement | 캐럿이 위치한 표에서 셀(TD 또는 TH)의 HTML |
Element를 가져오는 API가 추가되었습니다. |
2. 메뉴 및 툴바 토글 API 추가
메뉴와 툴바 토글을 위한 API가 추가되었습니다.
API | 설명 | |||||||
---|---|---|---|---|---|---|---|---|
getUIManager().showMenu(); getUIManager().hideMenu(); | 메뉴를 보이거나 감춥니다.
| |||||||
getUIManager().showToolbar(index); getUIManager().hideToolbar(index); | 툴바를 라인단위로 보이거나 감춥니다. index값이 0인 경우 첫번째 툴바 라인이 보이거나 감춰집니다.
|
3. 반응형보기
...
반응형 보기 기능이 추가되었습니다. 에디터 편집화면에서 핸드폰, 태블릿 화면으로 모드를 변경하여 편집할 수 있습니다.
또한 환경설정파일에 아래 옵션을 추가하면 표, 이미지, 동영상에 "반응형" 속성을 설정 할 수 있습니다.
Code Block | ||
---|---|---|
| ||
/**
* 반응형 편집을 사용할지 여부입니다. (기본값 false)
* true로 설정하게 되면 이미지/비디오 속성에서 반응형 여부를 체크할 수 있게됩니다.
*/
'editor.responsive.use': true, |
반응형 속성이 설정된 표, 이미지, 동영상은 아래와 같이 동작합니다.
- 표 : 표의 너비는 px로 고정되고 모바일에서는 좌/우 스크롤 됩니다.
- 이미지, 동영상 : 이미지, 동영상에 max-width 스타일이 추가됩니다. 화면의 너비에 따라 이미지, 동영상의 너비가 변경됩니다.
>> 반응형 보기 데모
4. 표 절대좌표 지원
5. 셀 풍선팝업 UX 변경
...