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