사이냅 에디터 2.5.0

12 Aug 2019

DOC, DOCX, HWP 임포트 미리보기 및 표 편집 인터페이스가 개선된 사이냅에디터 2.5.0 버전이 릴리즈되었습니다.

워드계열 문서 (DOC, DOCX, HWP)의 부분 임포트 기능이 추가되었으며 엑셀 함수 및 표 편집 UX가 개선되어 사용이 편리해졌습니다.

자세한 사항은 아래 내용을 확인하세요.

주요 개선사항

var synapEditorConfig = {
	'editor.import.selectArea.word': true
};

엑셀 함수 입력 모드시 표 핸들에 셀 좌표가 노출됩니다. 엑셀 함수 입력모드에서는 마우스 클릭으로 다른 셀로 캐럿(셀렉션) 이동이 불가능하며, 셀 클릭시 셀 좌표가 삽입됩니다.
- 표 밖 마우스 클릭 및 키보드로는 캐럿(셀렉션) 이동이 가능합니다.
엑셀 함수 입력 모드에서 ESC로 엑셀 함수 입력 모드 취소가 가능합니다.
엑셀 함수 입력 모드에서 셀 선택 및 셀 셀렉션을 통해 선택한 셀 좌표를 쉽게 삽입 가능합니다.
- 유의: 함수 입력모드에서 마우스 클릭으로 다른 셀로 캐럿(셀렉션) 이동 시킬 수 없습니다. 선택된 셀 좌표가 삽입됩니다.

var synapEditorConfig = {
	'editor.autoLink': true
};

사이냅 에디터에서 지원하지 않는 HTML TAG의 표현이 개선되었습니다.
INPUT, SELECT, BUTTON 등 FORM TAG의 선택 및 이동이 가능합니다.
- 미지원 HTML TAG 는 편집을 지원하지 않기 때문에 선택시 회색 배경이 표현됩니다.

외부 HTML 불러오기시 누락되던 <div>를 유지 할 수 있도록 옵션이 추가 되었습니다.
'editor.buildOption.html'의 'peelOffDiv' 속성을 false로 설정시 외부 HTML 을 불러올 때 filter되던 <div>를 그대로 표현합니다. (기본값 true)
ex)
peelOffDiv 외부 HTML 사이냅 에디터 표현
true <div>text</div> <p><span>text</span></p>
false <div>text</div> <div><p><span>text</span></p></div>

var synapEditorConfig = { 
	'editor.buildOption.html': {
		'peelOffDiv': true         // 기본값 true: 불필요 해보이는 div를 filter함
	}
};

var synapEditorConfig = { 
	'editor.buildOption.html': {
		'allowAttrList': ['attributename', 'attributename2', '...']
	}
};

peelOffDiv	외부 HTML	사이냅 에디터 표현
true	<div>text</div>	<p><span>text</span></p>
false	<div>text</div>	<div><p><span>text</span></p></div>