Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

 

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

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

주요 개선사항

Table of Contents
maxLevel6
minLevel3
exclude\d.\d.\d[(\d. )]*
stylenone

...

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

...

 


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

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

 

 

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

  • 글자처럼 취급 취급이 해제된 이미지, 도형인 경우 회전 핸들 핸들이 노출되어 회전이 회전 편집이 가능하도록 개선되었습니다.
설명참고

글자처럼 취급 해제

  • 이미지, 도형 회전
핸들
  • 핸들을 클릭 후 마우스로 회전
가능
  • 가능합니다.
      글자처럼 취급 해제
        • (position: absolute;)


    Image RemovedImage Added

    글자처럼 취급

    • 일반 인라인 이미지, 도형은 회전
    핸들 노출 X글자처럼 취급인 경우
    • 핸들이 노출되지 않습니다.
      • (position: relative;)

    Image RemovedImage Added

     

     



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

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

    맨 앞으로 가져오기

    • 에디터 내에 존재하는 객체의 맨 앞으로 가져옵니다.

    앞으로 가져오기

    • 해당 객체보다 한단계 한 단계 앞 객체보다 앞으로 가져옵니다.
      • (z-index 기준으로 앞 객체보다 앞으로)

    맨 뒤로 보내기

    • 에디터 내에 존재하는 객체의 맨 뒤로 보냅니다.

    뒤로 보내기

    • 해당 객체보다 한단계 한 단계 뒤 객체보다 뒤로 보냅니다.
      • (z-index 기준으로 객체보다 앞으로뒤로)


     

     

    5. 도형 풍선 팝업 추가

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

    ...

     



    6. 테마

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

      


    7. 커스텀 아이콘

     

     



    8. 컬러 아이콘 플러그인

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

     

     

    9. openHTML API 옵션추가

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


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