Skip to content
Skip to breadcrumbs
Skip to header menu
Skip to action menu
Skip to quick search
Synap Editor Documentation
Spaces
Hit enter to search
Help
Online Help
Keyboard Shortcuts
Feed Builder
What’s new
Available Gadgets
About Confluence
Log in
사이냅 에디터 문서
Space shortcuts
사이냅 에디터 데모
Page tree
Browse pages
Configure
Space tools
A
t
tachments (0)
Page History
Page Information
Resolved comments
View in Hierarchy
View Source
Export to PDF
Export to Word
Export to PDF
Export to Word
Dashboard
사이냅 에디터 문서
Skip to end of banner
Jira links
Go to start of banner
설치 및 설정
Skip to end of metadata
Created by
Kwon JongPyo
, last modified on
Aug 16, 2019
Go to start of metadata
사이냅 에디터를 설치하고 설정하는 방법을 살펴봅니다.
간단한 작업만으로 에디터를 초기화하고 연동 할 수 있습니다.
설치
react v18 연동 예제
vue v3 연동 예제
환경설정
에디터 초기화
기본 UI 설정
툴바 설정
메뉴 설정
언어 설정
테마 설정
컬러아이콘 적용
Iframe mode
Document mode
컨텐츠 영역 너비 고정
상세 UI 설정
글꼴 설정
글꼴 크기 설정
포커스 지정
버튼 & 아이콘 크기 설정
에디터 리사이즈 설정
가로 스크롤 사용
편집 가이드 사용
툴바영역 고정
풍선팝업 설정
표 편집 핸들 설정
레이어 편집 핸들 설정
표 풍선팝업 노출 설정
줄간격크기 설정
글머리 번호 설정
다단계 글머리번호 설정
컬러팔레트 설정
에디터를 컨텐츠 높이에 맞춤
바로 삽입 설정
커스텀 글머리 설정
단축키 표시 설정
업로드 및 임포트 설정
Import API 및 Upload API 설정
임포트/업로드 가능 확장자 설정
임포트시 항상 새로넣기
이미지 업로드시 미리보기 설정
base64 이미지 사용
FormData의 File Field Name 설정
DOC, DOCX, HWP 부분 임포트 설정
슬라이드 부분 임포트 설정
셀 임포트 기본 영역 설정
셀 임포트시 숨겨진 글자 표시하기
임포트 시 편집 영역 크기 유지하기
기타 설정
HTML 불러오기 설정
HTML Custom tag를 Div tag로 변환
HTML 주석 유지
HTML display none 노드 유지
글머리 렌더링
반응형 객체로 바로 삽입
반응형보기 설정
부분 편집 제한
사용자정의 스타일
알림 메시지 설정
자동 리스트 삽입
자동 링크 삽입
자동 저장
컨텐츠 필터
템플릿
편집 기본 스타일 지정
표 고정너비 삽입
최근 사용한 색 목록 저장
접근성 설정 - 보조 메세지
툴팁 위치 저장 설정
에디터 외부로 포커스 이동
관련정보
사이냅 에디터 3.1.0
사이냅 에디터 3.0.0
사이냅 에디터 2.19.0
No labels
Overview
Content Tools
{"serverDuration": 135, "requestCorrelationId": "f9774667dddd3821"}