2019년 4월 29일
사이냅에디터 2.3.0 버전이 릴리즈되었습니다.
주요 개선사항
엑셀임포트
- xlsx,xls 확장자를 가지는 엑셀 문서 임포트 기능이 추가 되었습니다.
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]; } });
수식 편집
- 수식을 이용한 자동계산 기능이 추가되었습니다.
- 참조된 셀 데이터 편집 수식 자동 계산
- 행/열 추가 및 삭제 수식 자동 계산
- 셀 임포트 수식 데이터 유지
- 에디터 편집 내용 저장 및 불러오기 수식 데이터 유지
formula js 설정시 수식 사용가능
<!-- formula-parser --> <script type="text/javascript" src="../resource/formula-parser.min.js"></script>
수식이 있는 셀 표시
- 테이블이 선택되면 수식/표시형식이 있는 셀에 f(x) 표시가 보여집니다.
표시형식 적용 @@@ 작성중 @@@
- 표시형식
표 편집 핸들 설정
- 표 핸들 사용여부 설정이 추가되었습니다.
- 설정 키 : "editor.table.handle"
- 기본값 : true
/** * 에디터 표 핸들을 사용할지 여부를 설정합니다. */ 'editor.table.handle': true
editor.table.handle: true | editor.table.handle: false |
---|---|
업로드 패널 숨기기 (이미지/동영상/파일 업로드)
- 업로드 API가 설정되지 않으면 업로드 패널이 보이지 않도록 개선되었습니다.
- 업로드 API 설정 :
- "editor.upload.image.api"
- "editor.upload.video.api"
- "editor.upload.file.api"
"editor.upload.image.api": "/uploadImage" | "editor.upload.image.api": "" |
---|---|
텍스트/텍스트 배경색 색상 표시
- 캐럿이 위치한 곳의 텍스트 색과 텍스트 배경색이 표시되도록 개선되었습니다.
버튼 크기 설정하기
- 버튼의 크기를 조절할 수 있는 설정이 추가되었습니다.
- 설정 키 : "editor.ui.button.size"
- 기본값 : 35 (최소값 22, 단위 px)
설정하지 않았을 때 | |
---|---|
"editor.ui.button.size": 28 | |
"editor.ui.button.size": 40 |
문서열기(임포트) 전후 이벤트
- 문서열기(임포트) 전후에 발생하는 이벤트가 추가되었습니다.
- "beforeOpenDocument"
- "afterOpenDocument"
- 자세한 내용 보기 : 이벤트 (Event)
에디터 플러그인 @@@ 작성중 @@@
- 에디터에 플러그인을 추가할 수 있도록 개선되었습니다.
- 플러그인 추가하기 <= 링크
포토에디터 @@@ 작성중 @@@
- ToastUI Image Editor
툴바 버튼 네비게이터
- 에디터의 크기가 작아져도 툴바의 버튼이 아래로 떨어져서 그려지지 않도록 개선되었습니다.
개선 전 | 개선 후 |
---|---|
릴리즈 2.3.0 이슈 목록
Issue Type | Key | Summary | Resolution |
Improvement | EDITOR-152 | 자동계산 | Fixed |
Improvement | EDITOR-203 | DOM Element 접근 API 제공 | Fixed |
Improvement | EDITOR-1371 | 표 너비 100% 변경 UI 추가 | Fixed |
Improvement | EDITOR-3517 | Excel 임포트 | Fixed |
Improvement | EDITOR-3596 | 포토에디터 적용 | Fixed |
Improvement | EDITOR-3722 | 레이아웃 열기시 레이어 가이드 제공 | Fixed |
Improvement | EDITOR-3764 | 표 이미지/HTML 붙여넣기 메세지 개선 | Fixed |
Improvement | EDITOR-3768 | 에디터에 플러그인을 추가할 수 있도록 작업 | Fixed |
Improvement | EDITOR-3770 | Paragraph Dialog ID, CLASS 추가 작업 | Fixed |
Improvement | EDITOR-3772 | 텍스트 드롭다운의 너비 조절 | Fixed |
Improvement | EDITOR-3773 | 툴바의 버튼에 글자색이 표시되도록 하기 | Fixed |
Improvement | EDITOR-3775 | Div Dialog ID, CLASS 추가 작업 | Fixed |
Improvement | EDITOR-3776 | TableCell Dialog ID, CLASS 추가 작업 | Fixed |
Improvement | EDITOR-3815 | 표 핸들 옵션 처리 | Fixed |
Improvement | EDITOR-3870 | 셀 임포트 수식 지원 | Fixed |
Improvement | EDITOR-3873 | 임포트 완료시 콜백 또는 이벤트 제공 | Fixed |
Improvement | EDITOR-3874 | 임포트시 파일명 제공 | Fixed |
Improvement | EDITOR-3875 | 서버경로에 존재하는 파일 임포트 | Fixed |
Improvement | EDITOR-3876 | 정규식을 이용한 편집 내용 검색, 책갈피 생성 API 제공 | Fixed |
Improvement | EDITOR-3898 | openDocumentByURL() 생성 | Fixed |
Improvement | EDITOR-3929 | toast image editor 디자인 적용 | Fixed |
bug | EDITOR-1223 | 툴바 > 한단계 크게/작게 선택 시, 상태 표시 미흡 | Fixed |
bug | EDITOR-1702 | 워드 > 이미지 방향 표시 오류 | Fixed |
bug | EDITOR-1917 | Safari > 스크롤 동작 미흡 | Fixed |
bug | EDITOR-3186 | Mac > XLS > 내용 붙여넣기시 오류 | Fixed |
bug | EDITOR-3391 | Safari > 도움말 > '글머리 기호/번호 넣기' 단축키가 실제와 상이함 | Fixed |
bug | EDITOR-3448 | 클립보드 > 워드 > 텍스트상자 크기, 안쪽여백 표현 오류 | Fixed |
bug | EDITOR-3454 | 클립보드 > 한글 > 단락 - 줄 간격 옵션 > 들여쓰기 표현 오류 | Fixed |
bug | EDITOR-3455 | 클립보드 > 한글 > 단락 - 줄 간격 옵션 > 내어쓰기 표현 오류 | Fixed |
bug | EDITOR-3477 | [품질개선] 메일 작성후 송수신 화면 품질이 상이합니다. | Fixed |
bug | EDITOR-3503 | 스크롤이 내려간 상태에서 미리보기를 하면 스크롤 아래 빈공간 생김 | Fixed |
bug | EDITOR-3527 | 마우스 드래그로 가로 스크롤 동작 오류 | Fixed |
bug | EDITOR-3537 | 단락속성 적용시 눈금자 위치 오류오류 | Fixed |
bug | EDITOR-3539 | 컨텐츠의 padding 수정시 눈금자 표연 오류 | Fixed |
bug | EDITOR-3552 | 캐럿이 화면 위쪽위치 > 엔터 > 스크롤이 계속 보정됨 | Fixed |
bug | EDITOR-3564 | DrawingObject 이동후 undo/redo시 캐럿 위치 오류 | Fixed |
bug | EDITOR-3592 | [IE10] DIV가 선택된 상태에서는 이동이 되지 않음 | Fixed |
bug | EDITOR-3621 | 임포트 > 웹 접근성 검사 > 요소를 모두 '무시' 하였을 때 팝업 내 커서가 남아 있는 현상 | Fixed |
bug | EDITOR-3790 | 글머리기호 아래줄 표 삽입 후 동작 이상. | Fixed |
... | ... |