Page History

11 Oct 2019   

부분 편집 제한, 객체 편집 핸들 및 테마 설정이 개선된 사이냅에디터 2.6.0 버전이 릴리즈되었습니다릴리즈 되었습니다.

컬러아이콘도 추가되어 조금 더 다양한 UI 환경에 어울리도록 설정 할 수 있습니다.

주요 개선사항

...

1.

...

• openHTML API를 이용하여 html문서를 열 때 옵션들( callback, 동기처리, 포커싱처리, 덮어쓰기처리 )이 추가되었습니다.

// html - html String
// callback - 완료 후 호출할 callback함수
// bAsync - 동기처리 (기본값: false)
// bFocus - 포커스처리 (기본값: true)
// bOverwrite - 덮어쓰기처리 (기본값: true)
editor.openHTML(html ,{ callback, bAsync: false, bFocus: true, bOverwrite: true} ); 

2. 도형 풍선 팝업 추가

• 도형 클릭시 풍선팝업이 노출됩니다.
  • 기본: 앞으로 가져오기, 뒤로 보내기, 왼쪽 회전, 오른쪽 회전, 도형 삭제

...

부분 편집 제한

• 문서의 일부만 편집을 허용하거나, 제한하는 기능이 추가되었습니다.
• 업무 양식에 적용하여 사용 할 수 있습니다.
• 체험하기: 부분 편집 제한

2. 이미지, 비디오, 도형, 레이어 편집 핸들 UI 변경

• 투명 회색 계열 테두리에서 검정 실선 형태로 테두리로 편집 핸들 UI가 변경되었습니다.

...

3. 이미지, 도형 회전 핸들 추가

• position: absolute; 속성을 가지는 글자처럼 취급이 해제된 이미지, 도형인 경우 회전 핸들 핸들이 노출되어 회전 편집이 가능하도록 개선되었습니다.

설명	참고
글자처럼 취급 해제 이미지, 도형 회전 핸들 핸들을 클릭 후 마우스로 회전 가능 가능합니다. (position: absolute; 속성 Image Removed )	Image Added
글자처럼 취급 일반 인라인 이미지, 도형은 회전 핸들 노출 X 핸들이 노출되지 않습니다. (position: relative; 속성 )	Image RemovedImage Added

...

4. 이미지, 비디오, 레이어, 도형 앞으로 가져오기, 뒤로 보내기 기능 추가

• 객체가 position: absolute; 속성을 가지는 객체의 글자처럼 취급이 해제되는 경우 풍선 팝업에서 앞으로 가져오기, 뒤로 보내기 기능 활성화되어 사용 가능합니다기능이 활성화됩니다.

설명	참고
맨 앞으로 가져오기 에디터 내에 존재하는 객체의 맨 앞으로 가져옵니다.
앞으로 가져오기 한 단계 앞 객체보다 앞으로 가져옵니다. (z-index 기준으로 해당 객체보다 한단계 앞 객체보다 앞으로 가져옵니다. )
맨 뒤로 보내기 에디터 내에 존재하는 객체의 맨 뒤로 보냅니다.
뒤로 보내기 : 한 단계 뒤 객체보다 뒤로 보냅니다. (z-index 기준으로 해당 객체보다 한단계 뒤 객체보다 뒤로 보냅니다.Image Removed )	Image Added

5. 도형 풍선 팝업 추가

• 도형 클릭시 풍선팝업이 노출됩니다.
  • 기본설정: 앞으로 가져오기, 뒤로 보내기, 왼쪽 회전, 오른쪽 회전, 도형 삭제

6. 테마

• dark-gray 테마가 추가되었습니다.
• 자세한 내용: 테마 설정

7. 커스텀 아이콘

• 커스텀하게 커스텀 아이콘을 설정할 적용할 수 있는 기능이 API가 추가되었습니다.
• 자세한 내용: 커스텀 아이콘 설정하기

8. 컬러 아이콘

...

플러그인

• 알록달록한 기본 테마용 컬러 아이콘을 아이콘 플러그인을 제공합니다.
• 자세한 내용: 커스텀 아이콘 설정하기

...

• 컬러 아이콘

Image Added

9. openHTML API 옵션추가

• openHTML API에 옵션이 추가되었습니다.
  • callback
  • 동기처리
  • 문서열기 후 에디터에 포커스처리
  • 덮어쓰기처리
    

editor.openHTML(html, {
	callback: function() {}, // 완료 후 호출할 callback함수
	bAsync: false,           // 동기처리 (기본값: false)
	bFocus: true,            // 문서열기 후 에디터에 포커스처리 (기본값: true)
	bOverwrite: true         // 덮어쓰기 처리 (기본값: true)
});