릴리즈 2.17.0 이상
'이미지 텍스트 추출' 플러그인을 사용하면, 각종 파일(jpg, png, pdf)에 담겨있는 문자 텍스트와 표의 데이터를 손쉽게 추출하여 에디터에 삽입해 편집이 가능하도록 도와줍니다.
문서 작성 등에서 이미지에 포함된 텍스트나 정보를 활용해야 할 때 유용하게 사용할 수 있습니다.
사용방법
플러그인 파일 불러오기
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 --> <script src="ocr.min.js의 url"></script> <link rel="stylesheet" href="ocr.min.css의 url">
툴바에 버튼 추가하기
플러그인 이름인 'ocr'을 사용하여 툴바 영역, 바로 삽입에 버튼을 추가할 수 있습니다.
툴바에 추가
synapeditor.config.js
//... 'editor.toolbar': [ // OCR 버튼 'ocr', //... ], // ...
바로 삽입에 추가
synapeditor.config.js
//... 'editor.quickInsert': [ // OCR 버튼 'ocr', //... ], // ...
플러그인 설정
에디터 설정 객체에 OCR API를 사용하기 위한 값들을 설정해야 합니다.
URL, API Key 설정
요청을 보낼 API의 URL과 API Key를 설정합니다. URL은 필수 값입니다.
synapeditor.config.js
//...
'ocr.config': {
url: 'https://ailab.synap.co.kr/sdk', // 프로모션 기간 중 사용이 가능합니다.
apiKey: '발급받은 API key'
}
// ...
다이얼로그 높이 설정
릴리즈 3.0.2401 이상
OCR 다이얼로그의 높이를 설정합니다.
최소 높이는 300px 입니다.
synapeditor.config.js
//...
'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 |