Page History

...

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

주요 개선사항

Table of Contents

minLevel	2
exclude	\d.\d.\d[(\d. )]*
style	none

...

1. 엑셀임포트

엑셀 문서 임포트 기능이 추가 되었습니다. 엑셀 문서를 임포트하면 아래와 같이 임포트 영역을 선택 할 수 있는 창이 제공됩니다.
엑셀 임포트 기능은 문서 불러오기(임포트)에서 체험 할 수 있습니다.

...

2,600개 이상의 셀을 가지는 문서를 임포트 하였을 경우에는
위와 같은 경고메세지가 표시됩니다. 셀의 개수가 많을 경우 표 편집이 원활하지 않을 수 있습니다.
10,000개 이상의 셀을 가지는 문서를 임포트 하였을 경우에는

위와 같은 경고메세지가 표시되며 문서를 임포트 할 경우 사용자 PC환경이나 브라우저의 종류에 따라 브라우저가 멈출 수 있습니다.

2. 엑셀 함수 사용

표에서 엑셀 함수를 사용할 수 있는 기능이 추가되었습니다. 엑셀 함수기능은 수식 자동계산 페이지에서 체험 할 수 있습니다.

참조된 셀 데이터 편집 수식 자동 계산
행/열 추가 및 삭제 수식 자동 계산
셀 임포트 수식 데이터 유지
에디터 편집 내용 저장 및 불러오기 수식 데이터 유지

2.1 엑셀 함수 활성화

아래와 같이 formula-parser.min.js를 페이지에 포함하면 기능이 활성화됩니다.

Code Block

language	xml
theme	Emacs

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

2.2 수식이 있는 셀 표시

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

2.3 표시형식 적용

표의 셀에 표시형식 지정기능이 추가되었습니다. [체험하기]

3. DOM API

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

3.1 Example

Code Block

language	js
theme	Emacs
title	입력

	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);
            }
	});

...

Code Block

language	js
theme	Emacs
title	추출

	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];
            }
	});