그룹도형 편집과 편집이력 비교 플러그인이 목차삽입과 객체 개별 테두리 편집 기능이 추가된 사이냅 에디터 3.12.0버전이 릴리즈 되었습니다.
주요 개선사항
Table of Contents maxLevel 2 exclude \d.\d.\d[(\d. )]* style none
...
1.
...
- 글자처럼 취급이 해제된 도형, 이미지, 비디오 등의 객체를 하나의 그룹으로 지정/해제할 수 있습니다.
그룹지정
- 글자처럼 취급이 해제된 객체를 다중 선택합니다.
- 그룹 지정 아이콘(
)이 활성화되며 클릭 시 그룹이 지정됩니다.
그룹 해제
- 그룹 객체를 선택합니다.
- 그룹 해제 아이콘(
그룹편집
- 그룹 상세 속성 아이콘(
2. 문서이력 비교 플러그인
- 문서별로 이력을 관리할 수 있는 문서이력 비교 플러그인이 추가되었습니다.
- 자세한 내용 보기: 문서 이력 비교
- 문서이력 비교 아이콘(
- 저장된 시점의 버전별로 문서를 확인할 수 있습니다.
- 비교 모드 활성화 시 버전별로 수정 및 추가, 삭제된 내용을 확인할 수 있습니다.
3. 글자처럼 취급이 설정된 객체 회전 기능
- 글자처럼 취급이 설정된 도형, 이미지, 비디오 등의 객체를 자유롭게 회전할 수 있습니다.
4. 선도형 선택 개선
- 선 도형, 배경색이 없는 도형의 선택 범위를 늘려 선택에 불편함이 없도록 개선되었습니다.
5. 에디터 제거함수 추가
- 에디터에서 이벤트와 참조를 제거해 메모리 누수를 방지하는 함수가 추가되었습니다.
- 자세한 내용 보기: 에디터 제거 함수
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
editor.destroy(); |
6. 에디터의 편집 영역을 유지하는 옵션 추가
...
목차삽입
에디터 내에서 문서의 제목(H1~H6)을 추출하여, 사용자가 원하는 위치에 목차를 삽입할 수 있는 기능입니다.
제목의 계층 구조(H1 > H2 > H3 ...)를 기반으로 목차 항목이 구성되며, 삽입된 목차는 문서의 구조를 시각적으로 파악하고, 빠르게 탐색하는 데 도움을 줍니다.
자세한 내용 보기: 목차 삽입
2. 객체 개별 테두리 편집 기능
이미지, 비디오, 레이어, 표에 상하좌우 각각의 테두리를 설정할 수 있는 기능이 추가되었습니다.
개별 테두리는 상세속성 다이얼로그에서 편집할 수 있습니다.
좌측에서 테두리 종류, 두께, 색을 설정하고 우측에서 적용할 면을 선택한 후 확인을 누르면 설정한 면에 스타일 적용됩니다.
| 테두리 스타일 설정 | 동일한 속성을 기본 속성으로 설정 |
테두리에 적용할 스타일을 설정할 수 있는 메뉴입니다.
|
|
| 테두리 위치 설정 | 테두리 설정 미리보기 |
설정한 테두리 스타일을 적용할 위치를 설정하고, 적용될 테두리 스타일을 미리 볼 수 있는 메뉴입니다.
|
|
| 개별 테두리 설정하기 | 테두리 제거하기 |
|---|---|
|
|
3. 자르기 적용된 이미지 표현 개선
워드 및 한글에서 자르기가 적용된 이미지를 불러올 경우, 자르기된 영역만 표현되도록 개선되었습니다.
이미지 선택 핸들도 자르기된 영역 기준으로 표시됩니다.
| 원본 문서 | 임포트 후 |
|---|---|
<워드 자르기 적용된 이미지>
<워드에서 이미지 자르기>
| <에디터 임포트 후 자르기 적용된 이미지>  |
4. 에디터 안쪽에 팝업 띄우기
팝업이 열릴 때, 팝업이 열리는 위치가 화면을 벗어난 경우 애니메이션 효과 없이 바로 제 위치에 보여지도록 하는 설정이 추가되었습니다.
자세한 내용 보기:
...
...
...
| language | js |
|---|---|
| theme | Emacs |
| title | synapeditor.config.js |
...
| 설정 적용 전 | 설정 적용 후 |
|---|---|
|
|
