Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 14 Next »

2019년 4월 29일

사이냅에디터 2.3.0 버전이 릴리즈되었습니다.


주요 개선사항

엑셀임포트

  • xlsx,xls 확장자를 가지는 엑셀 문서 임포트 기능이 추가 되었습니다.

DOM API

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

입력

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



수식 편집

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


formula js 설정시 수식 사용가능


수식이 있는 셀 표시 @@@ 작성중 @@@

  • 수식이 있는 셀에 fx 표시 


표시형식 적용 @@@ 작성중 @@@

  • 표시형식


표 편집 핸들 설정

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


	/**
     * 에디터 표 핸들을 사용할지 여부를 설정합니다.
     */
    'editor.table.handle': true


editor.table.handle: trueeditor.table.handle: false


업로드 패널 숨기기 (이미지/동영상/파일 업로드)

  • 업로드 API가 설정되지 않으면 업로드 패널이 보이지 않도록 개선되었습니다.
  • 업로드 API 설정 :
    • "editor.upload.image.api"
    • "editor.upload.video.api"
    • "editor.upload.file.api"
예) "editor.upload.image.api"를 설정했을 때예) "editor.upload.image.api"를 설정하지 않았을 때
configuration.js
"editor.upload.image.api": "/uploadImage"


configuration.js
"editor.upload.image.api": ""



텍스트/텍스트 배경색 색상 표시  @@@ 작성중 @@@

  • 표시


버튼 크기 설정하기  @@@ 작성중 @@@

  • 버튼 크기
  • "editor.ui.button.size", 최소값 22px


문서열기(임포트) 전후 이벤트 @@@ 작성중 @@@

  • "beforeOpenDocument"
  • "afterOpenDocument"


에디터 플러그인  @@@ 작성중 @@@

  • 에디터에 플러그인을 추가할 수 있도록 개선되었습니다.
  • 플러그인 추가하기 <= 링크


포토에디터  @@@ 작성중 @@@

  • ToastUI Image Editor 




릴리즈 2.3.0 이슈 목록

Issue TypeKeySummaryResolution
ImprovementEDITOR-152자동계산Fixed
ImprovementEDITOR-3815표 핸들 옵션 처리Fixed





















......



  • No labels