...

엑셀 임포트 기능이 추가된 사이냅에디터 2.3.0 버전이 릴리즈되었습니다. 임포트는 물론 엑셀에서 사용하시던 함수를 에디터의 표에서 그대로 사용 할 수 있습니다.

Toast UI Image-editor를 연동하여 에디터에 첨부된 이미지도 편집 할 수 있습니다.

주요 개선사항

...

1. 2,600개 이상의 셀을 가지는 문서를 임포트 하였을 경우에는
   

   

   위와 같은 경고메세지가 발생합니다. 

2. 10,000개 이상의 셀을 가지는 문서를 임포트 하였을 경우에는
   
   위와 같은 경고메세지가 발생합니다. 
   
   

2. 수식 편집

• 수식을 이용한 자동계산 기능이 추가되었습니다.
  • 참조된 셀 데이터 편집 수식 자동 계산
  • 행/열 추가 및 삭제 수식 자동 계산
  • 셀 임포트 수식 데이터 유지
  • 에디터 편집 내용 저장 및 불러오기 수식 데이터 유지

formula js 설정시 수식 사용가능

<!-- formula-parser -->
<script type="text/javascript" src="../resource/formula-parser.min.js"></script>

Image Added

수식이 있는 셀 표시

• 테이블이 선택되면 수식/표시형식이 있는 셀에 f(x) 표시가 보여집니다.

Image Added

표시형식 적용

• 표에 표시형식이 추가되었습니다.

Image Added

• 툴바에 "numberFormat" 을 추가해 드롭다운으로도 사용할 수 있습니다.

"editor.toolbar": ["table", "numberFormat"]

Image Added

3. DOM API

• DOM API를 사용하여 HTML DOM Element 접근하여 데이터 입력, 추출이 가능합니다.

Example)

입력

	document.getElementById('input').addEventListener('click', function () {
            var elInput = document.getElementsByClassName('setText');
            var data = [];


            for (var i = 0; i < elInput.length; i++) {
                data.push({
                    selector: '#' + elInput[i].name,
                    text: elInput[i].value
                });
            }
            try {
                window.editor.setTextBySelectors(data);
            } catch (e) {
                console.error(e);
            }
	});

...

	document.getElementById('output').addEventListener('click', function () {
            var elOutputs = document.getElementsByClassName('getText');
            var selectors = [];
            var texts = [];


            for (var i = 0; i < elOutputs.length; i++) {
                selectors.push('#' + elOutputs[i].name);
            }

            texts = editor.getTextBySelectors(selectors);

            for (var i = 0; i < elOutputs.length; i++) {
                elOutputs[i].value = texts[i];
            }
	});

3. 수식 편집

• 수식을 이용한 자동계산 기능이 추가되었습니다.
  • 참조된 셀 데이터 편집 수식 자동 계산
  • 행/열 추가 및 삭제 수식 자동 계산
  • 셀 임포트 수식 데이터 유지
  • 에디터 편집 내용 저장 및 불러오기 수식 데이터 유지

formula js 설정시 수식 사용가능

<!-- formula-parser -->
<script
type="text/javascript" src="../resource/formula-parser.min.js"></script>

Image Removed

수식이 있는 셀 표시

• 테이블이 선택되면 수식/표시형식이 있는 셀에 f(x) 표시가 보여집니다.

Image Removed

표시형식 적용

• 표에 표시형식이 추가되었습니다.

Image Removed

• 툴바에 "numberFormat" 을 추가해 드롭다운으로도 사용할 수 있습니다.

"editor.toolbar": ["table", "numberFormat"]

...

4. 표 편집 핸들 설정

• 표 핸들 사용여부 설정이 추가되었습니다.
  • 설정 키 : "editor.table.handle"
  • 기본값 : true

...