...
문서 작성 등에서 이미지에 포함된 텍스트나 정보를 활용해야 할 때 유용하게 사용할 수 있습니다.
사용방법
플러그인 파일 불러오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 --> <script src="ocr.min.js의 url"></script> <link rel="stylesheet" href="ocr.min.css의 url"> |
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
//... 'editor.quickInsert': [ // OCR 버튼 'ocr', //... ], // ... |
플러그인 설정
URL 설정
요청을 보낼 API의 URL을 설정합니다.
에디터 설정 객체에 OCR API를 사용하기 위한 값들을 설정해야 합니다.
URL, API Key 설정
요청을 보낼 API의 URL과 API Key를 설정합니다. URL은 필수 값입니다.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
//...
'ocr.config': {
url: 'https://ailab.synap.co.kr/sdk', // 프로모션 기간 중 사용이 가능합니다.
apiKey: '발급받은 API key'
}
// ... |
다이얼로그 높이 설정
Status colour Yellow title 릴리즈 3.0.2401 이상
OCR 다이얼로그의 높이를 설정합니다.
최소 높이는 300px 입니다.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
//... 'ocr.config': { ... size: { 'height' : '600px' }, } // ... |
단축키
| Windows | Mac | |
|---|---|---|
| 선택 모드 | V | V |
| 이동 모드 | H | H |
| 임시 이동 모드 | Space | Space |
| 이미지 확대 | Ctrl + Mouse Wheel Up | Cmd + Mouse Wheel Up |
| 이미지 축소 | Ctrl + Mouse Wheel Down | Cmd + Mouse Wheel Down |