사이냅 에디터 v2.10.0 업데이트 주요 기능

2020-10-06 | 릴리즈 노트

안녕하세요, 사이냅소프트입니다.

‘차원이 다른 HTML5 웹 에디터’ 사이냅 에디터가 v2.10.0 으로 업그레이드 되었습니다.

이번 v2.10.0 은 도형 멀티셀렉션, iframe/Document 모드가 추가되어 사용자가 더 편리하게 콘텐츠를 작성할 수있는 환경을 제공하게 되었습니다. 그 외에도 더 많은 기능이 추가된 v2.10.0 버전을 지금 바로 소개해드립니다.

v2.10.0 주요 업데이트 내용

  • 도형 멀티 셀렉션
  • iFrame/Document mode 지원
  • 표 절대좌표 지원
  • 도형 내 텍스트 정렬 기능 추가
  • ‘그리스어 및 콥트어’ 특수기호 추가

+++++

◆ Notice

 

사이냅 에디터 v2.8.0부터 에디터 스크립트 파일 경량화를 위해 임포트 기능과 도형 관련 기능을 외부 모듈로 분리하였습니다. 기존과 동일하게 임포트 기능과 도형 관련 기능을 사용하시려면 아래 파일들을 추가로 include 하셔야 합니다.

▶ 문서 임포트 기능 사용 (SEDocModelParser)

xlsx, docx, hwp 등의 문서 임포트 기능을 사용하기 위해서는 에디터 패키지 externals 폴더 아래에 포함된 SEDocModelParser 모듈을 include 합니다.

<script src="externals/SEDocModelParser/SEDocModelParser.min.js"></script>
도형 관련 기능 사용 (SEShapeManager)

도형이 포함된 문서를 임포트 하거나, shapeEditor 플러그인 기능을 사용하기 위해서는 에디터 패키지 externals 폴더 아래에 포함된 SEShapeManager 모듈을 include 합니다.

<script src="externals/SEShapeManager/SEShapeManager.min.js"></script>

▶ 도형 멀티 셀렉션

다양한 모양의 도형을 그리고나면 동시에 위치를 옮기거나 색상을 바꾸거나 또는 한번에 삭제해야 하는 상황이 생길 수 있습니다. 지금까지는 도형을 하나씩 선택하여 수정 또는 삭제해야 했으나 v2.10.0 부터는  멀티 셀렉션을 지원하여 빠르고 편리한 도형 편집이 가능합니다.

▣ Shift 키를 이용한 멀티 셀렉션

shift 키를 누르고 선택하고자 하는 도형을 클릭하면 복수의 도형을 동시에 선택할 수 있습니다. 멀티셀렉션 상태에서는 도형 속성이 disable 됩니다.

 

Shift 키를 이용한 멀티셀렉션

▣ 마우스 드래그를 이용한 멀티 셀렉션

툴바에서 ‘선택 모드’를 선택후  마우스를 드래그하면 멀티 셀렉션이 가능합니다. 본 기능을 사용하기 위해서는 config 파일에서 ‘selectionMode’를 추가해야 합니다.

마우스 드래그를 이용한 멀티셀렉션

▶ 도형 내 텍스트 정렬 기능 추가

이번 v2.10.0부터 도형 내 텍스트를 정렬할 수 있는 기능이 추가되었습니다. 사이냅 에디터는 도형 그리기 뿐만 아니라 도형 내 텍스트 작성도 지원합니다. 

도형 내 텍스트 정렬

▶ 다양한 콘텐츠 작성 UI 모드 지원

사이냅 에디터는 사용자들이 쉽고 편리한 콘텐츠 작성이 가능하도록 다양한 UI 모드를 지원했습니다. 이번 v2.10.0 에서 iframe 모드와 document 모드를 지원하여 콘텐츠 작성 편의성을 더욱 향상 시켰습니다.

▣ iframe 모드 지원

iframe 모드로 설정하면 편집영역이 iframe 안쪽에 생성되어 외부 스타일의 영향을 최소화할 수 있습니다.  iframe모드를 통해 콘텐츠 작성자는 의도한 대로 콘텐츠를 작성할 수 있다는 장점이 있습니다.
주의) iframe 모드 사용 시 에디터가 완전히 초기화 된 후 에디터 API 를 사용하셔야 합니다.

▣ Document 모드 지원

Document 모드로 설정하면 편집영역이 MS워드와 같이 변경됩니다. 문서 기본 크기 값은 MS 워드의 A4크기와 유사하게 설정됩니다.

Document 모드는 다음의 링크에서 사용해보실 수 있습니다.

  • Document 모드 사용해보기 >>> 클릭

MS워드와 같은 편집화면을 보여주는 Document 모드

▶ 표 절대좌표 지원

표 속성에 ‘글자처럼 취급’ 기능이 추가되었습니다. ‘글자처럼 취급’을 해제하면 표 이동 핸들을 이용해서 표 위치를 자유롭게 이동 할 수 있습니다.

Ctrl 버튼과 함께 마우스를 드래그 하여 이미지 복사

▶ ‘그리스어 및 콥트어’ 특수기호 추가

다양한 특수기호와 이모지를 지원하는 사이냅 에디터가 v2.10.0 에서 ‘그리스어 및 콥트어’를 추가하여 사용자의 선택지를 넓혔습니다. 그리스어에는 수학에 사용되는 문자들이 많이 있기 때문에 수학과 관련된 다양한 콘텐츠 작성이 가능해졌습니다.

그리스어/콥트어 추가

▶ 그 밖의 개선사항

  • 주요 도형 아이콘 툴바에 추가
  • 복사/붙여넣기 개선
    • MS-Office, HWP 문서에서 복사한 내용을 에디터에 붙여 넣을 경우 OS, 해당 애플리케이션, 브라우저 등 구조적으로 많은 제약사항이 있습니다. 문서를 조금 더 원본에 가까운 형태로 불러오려면 “임포트” 기능을 이용해 주세요.

+++++

임포트, 엑셀함수 지원, 그리고 도형 그리기까지. 사이냅 에디터는 웹 에디터인가 오피스인가?

HTML5 웹 에디터의 패러다임을 바꾸고 있는 사이냅 에디터. 다음 v2.11.0 버전은 어떤 기능으로 우리를 놀라게 할까요? 사이냅 에디터에 많은 관심 부탁 드리겠습니다.

감사합니다.

인공지능·전자문서 전문기업

솔루션 문의

오피스사업팀 |  Tel: 02-890-3410  |  E-mail: sales@synapsoft.co.kr


v2.10.0으로 업데이트 된 사이냅 에디터를 체험해보세요 >>>>> 사이냅 에디터 체험하러 가기

Categories

사이냅 문서뷰어

어디서 어떻게 사용되고 있을까요?

사이냅 문서뷰어의 적용사례를 만나보세요

[개인정보 수집, 이용에 대한 동의 절차]

사이냅 문서뷰어 적용사례를 만나보세요

차원이 다른 HTML5 웹에디터

사이냅 에디터

사이냅 에디터가 어디에 활용될 수 있을까요?
다양한 적용사례를 만나보세요

[개인정보 수집, 이용에 대한 동의 절차]

한 차원 높은 HTML5 웹에디터를 만나보세요

뉴스레터를 구독하세요.

뉴스레터를 구독하세요.

분기에 한번, 핵심 소식을 전달 드립니다!

감사합니다. 사이냅소프트에 대한 생생한 정보 전달드리겠습니다.

Share This